你需要word-wrap:break-word. jsFiddle例子 #content { word-wrap: break-word; position:justify; font-size: 10px; font-family: Times new roman; width: 80%; padding: 10px 10px 10px 10px; height: auto; overflow-x: auto; color: #000; } Run Code Online (Sandbox Code Playgroud)归档...
border:1px solid #333; word-wrap:break-word; } </style> </head> <body> <input type="button" value="开始"> <br><br> <div></div> <script type="text/javascript"> //补充代码 div = document.getElementsByTagName("div")[0]; btn = document.getElementsByTagName("input")[0]; btn....
word-wrap对行内元素是没有效果的,看看这个demo点击预览
用:overflow:auto; ie下,长串会自动折行。ff下,长串会被遮盖。所以,综上,最好的方式是word-wrap:break-word;overflow:hidden;而不是word-wrap:break-word;word-break:break-all;。word-wrap:break-word;overflow:auto;在ie下没有任何问题。在ff下,长串会被遮住部分内容。
dd默认是块元素,你可以检查一下你的css文件有没有改变dd的形态,或者给dd添加权重更高的样式来显示...
我是星礼 12.7k31330 发布于 2015-06-09 ✓ 已被采纳 word-wrap对行内元素是没有效果的,看看这个demo点击预览 dd默认是块元素,你可以检查一下你的css文件有没有改变dd的形态,或者给dd添加权重更高的样式来显示指定为block 有用1 回复 查看全部 5 个回答 ...
微信浏览器 flex兼容性问题 flex-wrap: wrap;不换行 5 回答12.8k 阅读✓ 已解决 li不自动换行 2 回答6.7k 阅读✓ 已解决 bootstrap 手机页面自动换行 2 回答7.6k 阅读✓ 已解决 如何强制div换行 2 回答22.1k 阅读 找不到问题?创建新问题思否
word-wrap:break-word; overflow:hidden; 而不是 以下是引用片段: word-wrap:break-word; word-break:break-all; 也不是 以下是引用片段: word-wrap:break-word; overflow:auto; 在IE 下没有任何问题,在 FF 下,长串英文会被遮住超出的内容。
微信浏览器 flex兼容性问题 flex-wrap: wrap;不换行 5 回答12.7k 阅读✓ 已解决 li不自动换行 2 回答6.7k 阅读✓ 已解决 bootstrap 手机页面自动换行 2 回答7.6k 阅读✓ 已解决 如何强制div换行 2 回答22.1k 阅读 找不到问题?创建新问题思否