用BR管理間距

Question

我的用戶正在使用Telerik Rad Editor創建內容。內容在編輯器中看起來是一種方式（「正確」的方式），當它通過IE呈現時，它看起來不同（錯誤）。

他們會做這樣的事情（以下HTML源）

<table><tr> 
    <td>Some content here <br/><br/></td> 
</tr> 
<tr> 
    <td>And some other here <br/><br/></td> 
</tr> 
<tr> 
    <td>And finally some here too <br/><br/></td> 
</tr> 
</table> 

所以輸出看起來像這樣，當它在IE

這裏有些內容

和其他一些已呈現這裏

最後這裏也有一些

，他們想要什麼是顯示每行後兩個空間，所以它更像

一些內容在這裏

和其他一些在這裏

最後這裏也有一些

他們想看到兩行空格...我可以用CSS來控制它嗎？

Answer 1

你可以嘗試設置TR高度CSS：

tr { height: 60px; } 

這對我的作品在FF，但我不知道這是否會在所有的瀏覽器 - CSS和表格一般不相處得很好。如果遇到麻煩，您可能需要在您的tds中放置一個div，並在其中設置高度。

Answer 2

您不應該使用br來控制間距。您應該使用帶有邊距或填充的塊級元素，或者使用適當行高的內嵌/塊元素來生成所需的間距。一個br是在文字處理器中像shift+return一樣的軟休息。您應該只使用br將文本移動到下一行，以便在文本流的上下文中進行換行，而不是出於可視化結構的原因。 /typesetting-rant

我將配置富文本編輯器來適當地包裝元素以生成塊間距。我真的不知道表中數據的上下文，但默認選擇是假設這些元素實際上是完整段落的文本。如果不是，可能會有更合適的元素，如div或span設置爲display: block;。另一方面，如果他們這樣做是爲了實現特定的表格大小，而不是實際控制單元格內的文本行之間的空間，那麼應該用直接應用於表格元素的css來處理。