像aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa这样的文本超过了div的宽度(比如200px)，如何被包装?
我是开放的任何一种解决方案，如CSS, jQuery等。
当前回答
试试这个:
div {
width: 200px;
word-wrap: break-word;
}
其他回答
你可以使用这个CSS
p {
width: min-content;
min-width: 100%;
}
你可以像这样使用软连字符:
啊
这将显示为
aaaaaaaaaaaaaaa-
aaaaaaaaaaaaaaa
如果装盒不够大，或者
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
如果是的话。
在引导3中，确保空白没有设置为“nowrap”。
div {
width: 200px;
word-break: break-all;
white-space: normal;
}
试试这个CSS属性-
overflow-wrap: anywhere;
我用过自举法。 我的html代码看起来像..
<div class="container mt-3" style="width: 100%;">
<div class="row">
<div class="col-sm-12 wrap-text">
<h6>
text content
</h6>
</div>
</div>
</div>
CSS
.wrap-text {
text-align:justify;
}
