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

本篇内容介绍了“CSS怎么解决无空格的字母、数字过长不自动换行的问题”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

目前成都创新互联公司已为超过千家的企业提供了网站建设、域名、雅安服务器托管网站托管运营、企业网站设计、德州网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。

其实很简单,代码如下所示,注意 Style:

代码如下:


<div class="detail_title" ><%=StringUtil.toHTML(title) %></div>


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

代码如下:


<div class="detail_title" >aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>


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

“CSS怎么解决无空格的字母、数字过长不自动换行的问题”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站,小编将为大家输出更多高质量的实用文章!

网站名称:CSS怎么解决无空格的字母、数字过长不自动换行的问题
本文链接:https://www.cdcxhl.com/article26/gcsjcg.html

成都网站建设公司_创新互联,为您提供企业网站制作移动网站建设商城网站自适应网站App设计网站导航

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

网站优化排名