中文字在DIV或任意盒子中均会自动换行不需要CSS样式实现,只有连续的字母或数字会出现不自动换行问题,所以需要CSS解决。
英文字母或数字在DIV不换行溢出DIV的问题效果截图:
css怎么让连续数字字母强制换行?
在CSS中,可以使用word-wrap: break-word;
来让连续数字字母强制换行。
word-wrap
属性允许长的内容可以自动换行,设置break-word
值后可以在长单词或 URL 地址内部进行换行。
示例:
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style> .divcss5{ border:1px solid #00F; height:120px; width:200px;word-wrap:break-word} </style> </head> <body> <div class="divcss5"> aabbfjdlkfldsjfldsjfldjfljdlafjldsjflkdjflkdsjfldfjdlj<br /> 138787843748927493274392749327493 </div> </body> </html>
效果图:
更多web前端开发知识,请查阅 HTML中文网 !!
以上就是css怎么让连续数字字母强制换行?的详细内容,更多请关注易知道|edz.cc其它相关文章!