前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

一招搞定HTML中连续字母或数字不换行的问题

做HTML的经常会遇到一长串连续的字幕或者数字在页面中没办法折断换行,导致了页面排版很乱。

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

其实用一句很经典的CSS,就可以解决这个大麻烦。代码如下:

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

把这段代码放到HTML文件里试试看。

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言