html span标签 不换行 字符换行问题
2017-07-05 15:36
330 查看
html span标签 不换行(有时span带中文时候是可以自动换行的)
加上样式:
style=”display:inline-block;width:60%;word-wrap:break-word;white-space:normal;”
是因为 span 不是块状元素。本身自带有 左浮动的效果,并且连续的英文字母跟数字是没办法 自动换行的 必须要 强制换行。 但是光用word-wrap:break-word; 是不行的。所以 必须要在限制了 宽度的情况下 还要增加 white-space:normal
加上样式:
style=”display:inline-block;width:60%;word-wrap:break-word;white-space:normal;”
是因为 span 不是块状元素。本身自带有 左浮动的效果,并且连续的英文字母跟数字是没办法 自动换行的 必须要 强制换行。 但是光用word-wrap:break-word; 是不行的。所以 必须要在限制了 宽度的情况下 还要增加 white-space:normal
相关文章推荐
- 关于ul下<li></li>内插入<span>内容</span>标签自动换行不在同一行问题
- span、a标签之间的换行空白问题
- html span标签 不换行(有时span带中文时候是可以自动换行的)
- 深入解析HTML的table表格标签与相关的换行问题
- ie下li标签中span加float:right不换行问题解决方案
- HTML中P标签自动换行,浏览器补全P标签时的问题
- <span>标签元素内容换行问题
- html显示数据库中的字段内容为sql语句时,出现隐藏了换行等字符的问题解决
- 解决html连续字符或数字换行的问题
- 在IE6 下span标签换行问题解决--》 'white-space:nowrap' 仅作用在纯文本内容上
- 浅析css html span 块状不换行问题
- HTML中div标签与table标签组合使用问题
- 自动换行问题,而连续的数字和英文字符常常将容器撑大,下面介绍的是CSS如何实现换行的方法
- struts的html:select标签和html的select问题
- 如何解决 html 中多空格字符被当作一个空格字符处理的问题
- 连续字符的换行问题
- jsp: 解决rs.getString()取值写入HTML不换行问题
- c# 中Label 标签和.resx 文件中的换行问题
- HTML有趣的文本不自动换行问题
- 关于在php中html标签的转换问题的解决