將空格填充添加到

Question

我試圖將段落中的字符數限制爲特定的數字。如果文本小於這個，我想用空格填充它，如果它更長，那麼我將截斷是用省略號。我希望包含段落的所有容器的大小相同。

我正在使用響應式網格，因此我的容器將動態調整爲段落的長度。我已經嘗試添加pre-wrap到p元素，但我的div不會調整大小。它似乎仍然忽略了添加的空白。

p 
{ 
white-space:pre-wrap; 
} 

這裏是在我的情況的jsfiddle：http://jsfiddle.net/RFBza/4/

Answer 1

OMG。但是，如果您出於某種原因希望完全如此，請嘗試添加一堆由空格分隔的 代碼。所以，你在哪裏添加了五個空格，現在加上     。但當然，這仍然是一個可怕的想法。

Answer 2

white-space並不意味着「加長」的任何申報單或添加填充，以填補空間。它僅僅意味着確定包含div中的措辭如何包裝。如果你想要一個文本溢出DIV，例如，你可以用white-space

http://www.w3schools.com/cssref/pr_text_white-space.asp

現在，如果你要完成他們看起來都差不多，快速，骯髒的方法是添加一個包含div的最小高度。

http://jsfiddle.net/RFBza/6/

這裏的問題是，你的措辭會不斷變化，因此實際高度可能改變（和像你說的，所以你改變它的大小將不再正常工作或它的響應）

還有其他幾種技術可以獲得這種期望的效果，但它們都需要一些JQuery，一些標記更改，甚至PHP（如果你想要一個字符串只能是很多字符，否則顯示省略號）等等......您可以添加到p選擇器在你的CSS中，但要小心，因爲這將適用於每一個段落。也許你可以使用更多的選擇器來獲得具體的。

p 
{ 
    white-space:pre-wrap; 
    min-height:192px 
} 

http://jsfiddle.net/RFBza/7/

同樣，使用PHP，以確定一個長度，如果超過，顯示省略號。在這種情況下，50個字符。

echo mb_strimwidth("Your paragraph goes here", 0, 50, '...');