HTML中数字和字母不换行显示

来源：互联网发布：淘宝关键词组合工具编辑：程序博客网时间：2024/06/10 18:56

转自https://www.cnblogs.com/yiran2016/p/6169168.html

在HTML中标签中的数字和字母默认是不换行的，如果要将他们换行，在CSS中添加”word-wrap: break-word;” 即可解决 语法：word-wrap: normal|break-word;默认normal : 单词默认是不能断开的，长单词就会溢出break-word : 会首先起一个新行来放置长单词，新的行还是放不下这个长单词则会对长单词进行强制断句。如果需要，词内换行使用（word-break）即可语法：word-break:break-all;不会把长单词放在一个新行里，当这一行放不下的时候就直接强制断句了。

例如

<!DOCTYPE HTML><html><head>    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">    <title>无标题文档</title>    <script src="jquery-1.9.1.min.js"></script>    <style>    </style>    <script>    </script></head><body>    <p style="width:20px;height:100px;background-color:#069; word-wrap: break-word;">111111111111111111111111111111111111</p>    <p style="width:20px;height:100px;background-color:#069;">你好你好你好你好你好你好你好你好你好你好</p></body></html>

阅读全文

1 0