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調整間距。

如果您可以發佈結果樣本，則診斷問題會更容易。