如何限制跨度的宽度

Howto limit the width of a span?

本文关键字：何限制      更新时间：2023-09-26

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

display: block;
max-width: 300px;

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

我想将span的可见部分剪切为定义的max-width。这可能吗?

有什么建议吗?

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

JSFiddle

http://jsfiddle.net/JZYWg/

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

。添加:

overflow: hidden;或overflow: auto;

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

更多信息

如果我使用display: inline-block - span在300px，或者你可以使用overflow: hidden作为其他人的建议。

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

相关文章：