HTML中的自动换行符 [英] Auto break line in HTML

问题描述

我一直在做一个评论框，我在查看我的评论后有一个问题。所有我想要的是让我的评论auto break line当它超过了容器，但我现在已经是一条直线。

I've been doing a comment box and I have a problem after viewing my comment. All I want is to make my comment auto break line when it exceeds the container but what I've got right now is a straight line.

例如：

tttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttt

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

I hope my text can be like this:

ttttttttttttt
ttttttttttttt 
ttttttttttttt 
ttttttttttttt 

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

What should I use to make my text auto break line?

推荐答案

听起来像是 word-wrap：break-word ，以及它的跨浏览器变体。

It sounds like you're after word-wrap: break-word, and its cross-browser variants.

请参阅： 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/

这篇关于HTML中的自动换行符的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！