Question

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

display: block;
max-width: 300px;

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

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

有什么建议吗？

Answer 1

您希望在您的范围内使用whitespace: nowrap和overflow: hidden来强制一行并截断文字。

的jsfiddle

Answer 2

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

e.g。添加：

overflow: hidden;或overflow: auto;

Answer 3

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

Answer 4

如果我使用display: inline-block - 量程为300px，或者您可以按其他人的建议使用overflow: hidden。