如何使跨度內的空間顯示

Question

我想爲跨度內的空白設置背景顏色。但是當空行跨越恰好在行換行處時，它不會顯示出來。

HTML

asdfghjklkqowbvaa<span> </span>a 

CSS

body { 
    font-family: monospace; 
    font-size: 40px; 
} 

span { 
    background-color: black; 
} 

JSFIDDLE

Answer 1

改變你的跨度CSS顯示空格，就像在<pre>標籤。 看看不同white-space options

span { 
    background-color: black; 
    white-space:pre; 
} 

從這裏提到的資源是一個很好的表什麼white-space不同的選擇會做：

   New lines Spaces and tabs Text wrapping 
normal   Collapse  Collapse   Wrap 
pre   Preserve  Preserve   No wrap 
nowrap   Collapse  Collapse   No wrap 
pre-wrap  Preserve  Preserve   Wrap 
pre-line  Preserve  Collapse   Wrap 

如果添加 到您的跨度大，字符串不會在你的空間中破碎，而是將兩部分粘合在一起，而不會將字符串包裹在空間中。