CSS解决无空格太长的字母,数字不会自动换行的问题

简介: 其实很简单,代码如下所示,注意 Style: 默认情况下,一个 DIV或者其他元素的文本,如果都是无文字分隔符,无空格,则不会自动换行,比如: aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa...

其实很简单,代码如下所示,注意 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;

就是强制断字的。

目录
相关文章
CSS------当内容超出div宽度后自动换行和限制文字不超出div宽度和高度
原文:CSS------当内容超出div宽度后自动换行和限制文字不超出div宽度和高度 如图:   1.自动换行 111111111111111111111111 2.限制宽高度 11111111111111111111111111  (注意:如果div放在li中还需...
3700 0
|
4月前
|
前端开发
CSS:设置字母间距、中文汉字间距
CSS:设置字母间距、中文汉字间距
|
5月前
|
前端开发
css实现强制不换行/自动换行/强制换行
css实现强制不换行/自动换行/强制换行
|
前端开发 计算机视觉
|
前端开发
CSS【经验】:一个空格引发两种结果
CSS【经验】:一个空格引发两种结果
CSS【经验】:一个空格引发两种结果
|
前端开发
css文字自动换行 及css文字相关属性
css文字自动换行 及css文字相关属性
|
前端开发
css 实现文字自动换行切同行元素高度自适应
1.实现div行内布局所有行跟随最大高度自适应 html代码样例: 1 2 3 所在部门 4 5 6 7 @ViewBag.decideDetail.departName 8 9 岗位 10 11 @ViewBag.
1540 0
|
前端开发
CSS自动换行后缩进
CSS自动换行后缩进
242 0
CSS自动换行后缩进
|
前端开发 Web App开发 JavaScript
如何用纯 CSS 创作一个跳动的字母 i
效果预览 在线演示 按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以全屏预览。 https://codepen.io/comehope/pen/pZbrpJ 可交互视频 此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。
942 0