当文本溢出时，我的简单textarea不会显示水平条。它换行换行。那么，如何在文本溢出时删除自动换行并显示水平条呢？
3 回答
慕沐林林
TA贡献2016条经验 获得超9个赞
默认情况下，Textareas不应自动换行，但是您可以将wrap =“ soft”设置为显式禁用换行：
<textarea name="nowrap" cols="30" rows="3" wrap="soft"></textarea>
EDIT2：如果要确保每个浏览器都支持它，则可以使用CSS更改换行行为：
使用级联样式表（CSS），您可以使用实现相同的效果 white-space: nowrap; overflow: auto;。因此，可以将wrap属性视为过时的。
从这里开始（似乎是有关textarea信息的绝佳页面）。
EDIT3：我不确定它何时更改（根据评论，一定是在2014年左右），但是wrap现在是官方的HTML5属性，请参阅w3schools。更改了答案以与此匹配。
冉冉说
TA贡献1877条经验 获得超1个赞
textarea {
white-space: pre;
overflow-wrap: normal;
overflow-x: scroll;
}
white-space: nowrap如果您不关心空格，也可以使用它，但是如果您使用的是代码（或缩进的段落或可能故意存在多个空格的任何内容），那么您当然也不想这样做...所以我更喜欢pre。
overflow-wrap: normal（word-wrap在较旧的浏览器中），以防某些父母更改了该设置；即使pre已设置，也可能导致换行。
也-违背了当前接受的答案-文本域也往往默认包。pre-wrap似乎是我的浏览器上的默认设置。
神不在的星期二
TA贡献1963条经验 获得超6个赞
以下基于CSS的解决方案适用于我：
<html>
<head>
<style type='text/css'>
textarea {
white-space: nowrap;
overflow: scroll;
overflow-y: hidden;
overflow-x: scroll;
overflow: -moz-scrollbars-horizontal;
}
</style>
</head>
<body>
<form>
<textarea>This is a long line of text for testing purposes...</textarea>
</form>
</body>
</html>
- 3 回答
- 0 关注
- 731 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消