HTML换行符空间，（php image ascii reader）

Question

今天我一直在研究PHP Image（逐像素）阅读器，基本上它是将整个图像读成HEX颜色数组。

我试图达到这个效果：http://cfgfactory.com/images/i/d50b1_spaces.png 使用CSS：letter-spacing:-2px;但它只是改变水平空格。

但不幸的是我无法摆脱换行空间，这太烦人了！ 我希望每个字母尽可能彼此接近（如像素）

这是代码的一部分： http://pastebin.com/Q65uC1Ch

提前致谢！

Answer 1

你可以：

1. 使用此Unicode字符：█（█）

2. 更改CSS中的line-height值

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调整间距。

如果您可以发布结果样本，则可以更轻松地诊断问题。