文本未设置为div的宽度

Question

我有一个非常普通的div，里面有一些文字。 div是test-align:center;的样式，固定宽度为360px。问题是当我尝试输入一些没有单词之间空格的文本时，整个文档不会破坏并提交到div的宽度，它只会超出我设置它的div的宽度。 我知道在现实生活中，没有人会在文字之间没有任何空格来写文件，但我只是想实现这一点。

HTML

<div class="wrapper">SomeDummyTextWithNoSpaceInBetwenn</div>

CSS

width:350px;
display: block;
margin: 10px;
text-align: center;

Answer 1

您可以使用word-wrap:breakword

设置文本在div中使用CSS的方式

div{ width:360px; background:#555; color:#eee }
#withWordWrap{ word-wrap:break-word }

<div id="withoutWordWrap">
  ThisIsSomeTextWithoutAnySpacesAtallInsideThisDivThisIsSomeTextWithoutAnySpacesAtallInsideThisDiv
</div>
<br><br>
<div id="withWordWrap">
  ThisIsSomeTextWithoutAnySpacesAtallInsideThisDivThisIsSomeTextWithoutAnySpacesAtallInsideThisDiv
</div>

Answer 2

您可以使用word-wrap: break-word;