css可以为数字所在标签设置css样式word-wrap:break-word;即可实现数字自动换行。
word-wrap 属性允许长单词或 URL 地址换行到下一行。
语法:
word-wrap: normal|break-word;
属性值:
normal 只在允许的断字点换行(浏览器保持默认处理)。
break-word 在长单词或 URL 地址内部进行换行。
示例:
<!DOCTYPE html> <html> <head> <style> p.test1 { width:11em; border:1px solid #000000; } p.test2 { width:11em; border:1px solid #000000; word-wrap:break-word; } </style> </head> <body> <p class="test1">12311111155552222222222222111</p> <p class="test2">12311111155552222222222222111</p> </body> </html>
效果图:
以上就是css数字不换行怎么解决?的详细内容,更多请关注易知道|edz.cc其它相关文章!