Div和Span元素的最大长度

Question

如何设置Span和Div元素的最大长度？

Answer 1

有

max-height / max-width

CSS属性，它将限制块级元素的宽度（即不是span s）。 Reference

请注意，它们是not supported by IE 6。

Answer 2

当包含的单词太大时，div或span可能会溢出：

<div style="width: 80px; overflow: hidden;" >hhhhhhheeeeeellllllllllooooo</div>

• 你可以用div包装一个span。如果文本中没有空格，它将删除内容但会阻止溢出。

如果长字是问题，CSS3解决方案可能是：

  

style =＆＃34; width：80;自动换行：break-word;＆＃34;

Answer 3

textarea和div html标记具有maxlength属性，但span和javascript元素没有。要限制用户输入更多字符与span或div元素中的maxlength相比较，您可以使用jquery和keydown执行以下操作：

您可以在div或span元素上添加substring事件侦听器，并在事件侦听器中添加以下函数。

1：使用javascript $("#div-element").on("keydown", function () { var value = $("#div-element").val(); if (value.length > maxlength) { $("#div-element").val(value.substring(0, maxlength)); } }()); 方法。

false

2：在事件中返回$("#div-element").on("keydown", function () { var value = $("#div-element").val(); if (value.length > maxlength) { return false; } }()); 。

substring

这两个都有后续问题也应该处理，即keydown方法改变光标位置，在{{1}}方法中我们需要检查按下哪个键，否则即使在退格或者退回时也返回false删除密钥。

Answer 4

如果你使用宽度，则使用css width属性：

<div style='max-width:100px'>Content</div>
<span style='max-width:100px; display:block;'>Content</span>

如果你真的是指内容的长度，你不能用HTML。你需要使用一段javascript来做到这一点。看看JQuery，它真的很容易做到。它将归结为：

$('#yourDivId').html().length

Answer 5

你的意思是最大宽度？

max-width: ??px;