CSS解决无空格的字母、数字过长不自动换行的问题

前端技术 2023/09/05 CSS
其实很简单，代码如下所示，注意 Style：

复制代码
代码如下:

<div class=\"detail_title\" style=\"word-break: break-all;\"><%=StringUtil.toHTML(title) %></div>


默认情况下，一个 DIV或者其他元素的文本，如果都是无文字分隔符，无空格，则不会自动换行，比如:

复制代码
代码如下:

<div class=\"detail_title\" style=\"word-break: break-all;\">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>


这种形式，以前遇到的问题，现在发出来，有需要的朋友可以参考一下。
word-break: break-all;
就是强制断字的。

本文地址：https://www.stayed.cn/item/14591

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案