10

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

4

5 回答 5

4

有

max-height / max-width

将限制块级元素（即不是spans）宽度的 CSS 属性。参考

请注意， IE 6 不支持它们。

于 2010-06-24T08:16:42.333 回答
3

input和textareahtml 标签具有 maxlength 属性，但div元素span没有。要限制用户在 span 或 div 元素中输入比 maxlength 更多的字符，您可以使用javascriptand执行以下操作jquery：

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

1：使用javascriptsubstring方法。

$("#div-element").on("keydown", function () {
    var value = $("#div-element").val();
    if (value.length > maxlength) {
        $("#div-element").val(value.substring(0, maxlength));
    }
}());

2：回归false事件。

$("#div-element").on("keydown", function () {
    var value = $("#div-element").val();
    if (value.length > maxlength) {
        return false;
    }
}());

这些都有后续问题也应该处理，即substring方法更改光标位置，在keydown方法中我们需要检查哪个键被按下，否则即使在退格键或删除键上也会返回 false。

于 2018-05-10T17:46:48.310 回答
2

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

<div style="width: 80px; overflow: hidden;" >hhhhhhheeeeeellllllllllooooo</div>
  • 您可以使用 div 包装跨度。如果文本中没有空格，它将剪切内容，但会防止发生溢出。

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

style="width: 80; word-wrap: break-word;"

于 2014-08-14T08:07:22.087 回答
0

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

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

如果你真的是指内容的长度，你不能，在 HTML 中。您需要使用一段 javascript 来执行此操作。看看JQuery，真的很容易做到。它将归结为：

$('#yourDivId').html().length
于 2010-06-24T08:16:35.560 回答
0

你的意思是最大宽度？

max-width: ??px;
于 2010-06-24T08:17:02.333 回答