HTML разрыв строки, (php image ascii reader)

Question

Сегодня я работаю над PHP Image (pixel by pixel) ридером, в основном он читает целое изображение в массив HEX цветов.

Я пытался добиться этого эффекта: http://cfgfactory.com/images/i/d50b1_spaces.png Используя CSS: letter-spacing:-2px;, но это только изменяет горизонтальные пробелы.

Но, к сожалению, я не могу избавиться от пробелов, это так раздражает! Я бы хотел, чтобы каждая буква была как можно ближе друг к другу (например, в пикселях)

Вот часть кода: http://pastebin.com/Q65uC1Ch

Заранее спасибо!

Answer 1

Вы могли бы:

1. Используйте этот символ Unicode: █ (█)

2. Изменить значение line-height в CSS

PS: у вас есть закрывающий тег <span> в каждой четной строке, записанный, когда $line % 2 == 0

PPS: Возможно, ваш цикл PHP будет чище:

for ($i = 0 ; $i < $total ; $i++) {
    $newline = ($i % $size[1] == 0);
    if ($newline) {
        $line++;
        $html .= '<br/>';
    }
    $html.= '<span ';
    if ($newline && $line % 2 == 1) {
        $html .= 'class="mad" ';
    }
    $html .= ' style="color:'.$t[$i].'">'.$char.'</span>';
}

PPS: чтобы контролировать комнату, занятую каждым персонажем, вы можете поместить их в ячейки таблицы вместо <span>

Answer 2

Рекомендую избавиться от тегов <br />. Вы можете заключить каждую строку в тег <div>, а затем вы можете настроить интервал с помощью css.

Если вы можете опубликовать образец результатов, было бы проще диагностировать проблему.