HTML换行空格，(php图像ascii阅读器) - HTML line break space, (php image ascii reader)

HTML line break space, (php image ascii reader)

本文关键字：ascii 图像 php 换行空格 HTML | 更新日期: 2023-09-27

今天我一直在PHP图像(像素逐像素)阅读器，基本上它读取整个图像到十六进制颜色数组

我已经尝试过达到这个效果:http://cfgfactory.com/images/i/d50b1_spaces.png使用CSS: letter-spacing:-2px;，但只改变水平间距。

但不幸的是，我不能摆脱换行空格，它太烦人了!我希望每个字母之间的距离尽可能的近(比如像素)

下面是部分代码:http://pastebin.com/Q65uC1Ch

提前感谢!

你可以:

使用Unicode字符:█(█)
修改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>

我建议去掉<br />标签。你可以在<div>标签中换行，然后你可以用css来调整间距。

如果你能把结果的样本贴出来，就更容易诊断问题了。