在段落中添加空格填充

Question

我正在尝试将段落中的字符数限制为特定数字。如果文本小于这个，那么我想用空格填充它，如果它更长，那么我将截断带有省略号。我希望包含段落的所有容器都具有相同的大小。

我正在使用响应式网格，因此我的容器将动态调整为段落的长度。我已经尝试为p元素添加预包装，但我的div不会调整大小。它似乎仍然无视增加的空白。

p
{
white-space:pre-wrap;
}

这是一个JSFiddle，显示我的情况：http://jsfiddle.net/RFBza/4/

Answer 1

OMG。但是如果您出于某种原因希望这样做，请尝试添加一堆 代码除以空格。因此，在您添加了五个空格的位置，现在添加     。 但当然这仍然是一个糟糕的主意。

Answer 2

white-space并不意味着“延长”任何div或添加填充以填充空间。它仅仅是为了确定措辞如何包含在包含div中。例如，如果您希望该文本溢出div，则可以使用white-space

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

现在，如果你想要完成它们看起来都很相似，那么快速，肮脏的方法是为包含div添加最小高度。

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

问题在于你的措辞会不断变化，所以实际的高度可能会发生变化（就像你说的那样，它的反应很敏感，所以当你调整大小时，它也将不再起作用）

还有其他一些技术可以达到预期效果，但它们都需要一些JQuery，一些标记更改，甚至PHP（如果你想要一个字符串只有这么多字符，否则显示省略号等）。

您甚至可以将其添加到CSS中的p选择器，但要小心，因为这将适用于每个段落。也许您可以使用更多选择器来获取具体信息。

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

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

此外，使用PHP确定长度并显示省略号（如果超过该值）。在这种情况下，50个字符。

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