【问题标题】:How to contain text from breaking elements?如何包含来自破坏元素的文本?
【发布时间】:2011-08-01 17:43:32
【问题描述】:
这是一个非常简单的问题,但令人尴尬的是我不知道如何实现:\
我有 div 元素,其中包含文本框,供用户编写 cmets、回复等...非常标准的概念。包含文本的 div 具有一定的宽度。如果有人在不使用任何空格的情况下在哪里写东西,而不是在它碰到 div 的右边缘时打破一条线,它只是继续前进并打破元素。
我只是想知道当它碰到用户提供的边缘空间时如何使其换行。
提前致谢
【问题讨论】:
标签:
php
html
css
line
line-breaks
【解决方案1】:
有一个word-wrap CSS 属性会强制长单词换行:
word-wrap: break-word;
您可能还想查看overflow。
【解决方案2】:
嗯……这是一个有趣的问题。我在想我会做的是实现一个 JavaScript 函数,该函数将“读取”行的长度,如果单个写入块长于最大长度,我将获取 (max length - 1) 的子字符串,在其末尾添加一个破折号 (-),添加一个换行符,然后从那里继续。