HTML中的自动分隔线

发布时间：2020-12-14 21:16:08 所属栏目：资源来源：网络整理

导读：我一直在做评论框,看到我的评论后我遇到了问题.我想要的只是当它超过容器时让我的评论自动断行,但我现在得到的是一条直线. 例如： tttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttt 我希望我的文字可以是这样的

我一直在做评论框,看到我的评论后我遇到了问题.我想要的只是当它超过容器时让我的评论自动断行,但我现在得到的是一条直线.

例如：

tttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttt

我希望我的文字可以是这样的：

ttttttttttttt
ttttttttttttt 
ttttttttttttt 
ttttttttttttt

我应该使用什么来使我的文本自动断行？

解决方法

这听起来就像你在自动换行之后：break-word,以及它的跨浏览器变体.

见：https://developer.mozilla.org/en/CSS/white-space

selector {
      word-wrap: break-word;      /* IE 5.5-7 */
      white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
      white-space: pre-wrap;      /* current browsers */
}

演示：http://jsfiddle.net/MCj6s/

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!