Html包装字到下一行？

Question

我的div内容不足。

hai hello ho
w are you wh
ere are you?

但我希望这个词出现在下一行，而不是像下面那样打破。

hai hello 
how are you 
where are 
you?

我需要应用哪种 CSS 样式？

谢谢！

Answer 1

您可以使用以下ccs：

.wrap {
    word-wrap: break-word;
    width: 100px;
}

使用以下html：

<div class="wrap"> 
    hai hello how are you where are you?
</div>

Answer 2

1. 使用<br>，但这不是专业方式
＆＃13;
＆＃13;
<p>
  hai hello
  <br>how are you
  <br>where are
  <br>you?
</p>
＆＃13;
＆＃13;
＆＃13;
1. 使用max-width
＆＃13;
＆＃13;
p {
  max-width: 70px;
}
＆＃13;
<p>
  hai hello how are you where are you?
</p>
＆＃13;
＆＃13;
＆＃13;

其他方法都使用jQuery / JavaScript，但我不建议您为此包含JS：）

Answer 3

放入

<p>

标签，如果你想确保它不会使用CSS打破中间词，那么使用

的样式

word-wrap:normal

在你的段落上，虽然单独的p标签应该为你做