文章/答案/技术大牛

发布

社区首页 >问答首页 >我想用CSS设置文本区域的自动包装。

问我想用CSS设置文本区域的自动包装。
EN

Stack Overflow用户

提问于 2020-05-21 00:49:53

回答 1查看 34关注 0票数 0

我需要创建一个文本区域，以便从Excel复制并输入7位数字序列号。

问题是，虽然Excel建议复制和输入编号，但仍会有用户手工输入序列号。因此，即使用户手动输入序列号，我也希望将文本区域设置为每七个字符包装一次，这样用户就可以验证输入的序列号是7位数字。

当然，我可以用javascript来实现这一点，但是我可以通过简单的CSS设置来限制行的长度吗？

我试过用下面的代码，但没有用.

<textarea
              rows="7"
              cols="7"  
              wrap="hard"> 
        Some serial number on here.
</textarea>

如果有人有办法的话，如果你能告诉我，我会很感激。

css

html

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-05-21 02:52:11

rows和cols属性指定visible宽度。您需要的是一些东西，将迫使文本包装后的7个字符。在CSS中为textarea设置一个固定宽度等于7个字符的长度是唯一的方法。

textarea{
    resize: none;
    width: 7em;
}

您可以设置固定宽度的px，而不是使用7em。在这里，1em等于当前的字体大小，因此7em将宽7个字符。如果输入了额外的字符，textarea中的textarea属性将强制文本换行。

如果7em不能工作，那么也有可能需要考虑到额外的padding和line-height。你必须相应地调整宽度。

您还应该设置resize: none;样式，以防止用户调整文本区域的大小。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/61925324

复制

相似问题

问我想用CSS设置文本区域的自动包装。
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问我想用CSS设置文本区域的自动包装。EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问我想用CSS设置文本区域的自动包装。
EN