如何限制跨度的宽度？

Question

我想知道是否可以给跨度一个最大宽度。 我尝试使用以下 css

display: block;
max-width: 300px;

但是当 SPAN 的文本内容不适合 span 时，宽度会被忽略。

我想将跨度的可见部分切割到定义的最大宽度。 这可能吗？

有什么建议吗？

Answer 1

您需要在跨度上使用whitespace: nowrap 和overflow: hidden 将其全部放在一行上并截断文本。

JSFiddle

http://jsfiddle.net/JZYWg/

Answer 2

您必须处理溢出以避免扩展。

例如添加：

overflow: hidden; 或 overflow: auto;

Answer 3

将overflow:hidden 添加到span 的css 中。这将使文本被切断

More info

Answer 4

如果我使用display: inline-block - 跨度在 300 像素处换行，或者您可以按照其他人的建议使用 overflow: hidden。

见：http://jsfiddle.net/U6R2A/