避免在textarea中换行[重复]

Posted 2023-05-07

【中文标题】避免在textarea中换行[重复]

【英文标题】：Avoiding wrap in textarea [duplicate]

【发布时间】：2011-12-21 19:09:24

【问题描述】：

可能重复：how remove wordwrap from textarea

我有一个用 php 填写的文本区域（我正在从文本文件中读取文本）。

现在，如果文本比文本区域长，它会换行而不是显示水平滚动条。我想改变这一点。

我在 CSS 中尝试过这些可能性，但都没有奏效：

overflow: auto
overflow: scroll
overflow-x: scroll

有人可以帮忙吗？

谢谢！

【参考方案1】：

Use wrap="off" attribute:

<textarea wrap="off"></textarea>

【讨论】：

wrap="off" 是无效的 html。

【参考方案2】：

使用textarea@wrap:

<textarea wrap="hard" cols="2"></textarea>

wrap="soft" 是默认值。

wrap 属性是一个枚举属性，包含两个关键字和 状态：soft 关键字映射到软状态，hard 映射到 Hard 状态的关键字。缺失值默认为 软状态。

Soft 状态表示textarea 中的文本不被 提交时包装（尽管它仍然可以包装在 渲染）。

Hard 状态表示 textarea 中的文本要具有 用户代理添加的换行符，以便文本在它时被换行 已提交。

如果元素的wrap 属性处于Hard 状态，则cols 必须指定属性。