【问题标题】:prevent expand to textarea防止扩展到文本区域
【发布时间】:2011-12-01 07:22:02
【问题描述】:

我使用的是 IE8,页面上有 textarea。它的宽度设置为 80%,最大长度为 132 个字符。
如果用户编写不包含空格的文本,例如没有空格的字母 V 132 次,则 textarea 水平增长(宽度增长)。
如何防止这种行为 - 我不想让宽度增加?

【问题讨论】:

    标签: html css


    【解决方案1】:

    使用自动换行:break-word;将连续的长线换行。

    textarea
    {
        word-wrap: break-word;
    }
    

    http://jsfiddle.net/bLKPq/2/

    【讨论】:

    • 我不想隐藏文本 - 我只想阻止文本区域扩展。
    • 你想阻止它扩展,或者限制输入大小?
    • @Naor overflow hidden 隐藏滚动条,即使您可以看到展开的文本。
    • @Michael Sazonov:阻止它扩展。
    • @punit:放置没有空格的长文本会扩大文本区域的宽度,这是我想要防止的。
    【解决方案2】:

    为其设置 rows 和 cols 属性

    【讨论】:

      【解决方案3】:

      只需要添加:

      textarea
      {
          word-break:break-all;
      }
      

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2019-02-15
        • 2011-12-06
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2017-11-24
        • 1970-01-01
        相关资源
        最近更新 更多