html 中长单词换行问题
2016-02-25 11:34
579 查看
style:“word-wrap:break-word;或word-break:break-all;”
用来解决长字符串/长单词不能自动换行而导致的内容溢出空间问题
word-wrap:break-word
css的 word-wrap 属性用来标明是否允许浏览器在单词内进行断句,这是为了防止当一个字符串太长而找不到它的自然断句点时产生溢出现象。
word-wrap :break-word;允许单词内断句。在本行空间不够的情况下它会首先挪到下一行,再适当进行单词内断句。有一定的空间浪费
//单独使用该属性时需要设置标签width:value;
word-break:break-all
css的 word-break 属性用来标明怎么样进行单词内的断句。
word-break:break-all;不会把长单词挪到下一行,而是直接进行单词内的断句。空间利用率高
//单独使用该属性时不必设置标签width:value;
用来解决长字符串/长单词不能自动换行而导致的内容溢出空间问题
word-wrap:break-word
css的 word-wrap 属性用来标明是否允许浏览器在单词内进行断句,这是为了防止当一个字符串太长而找不到它的自然断句点时产生溢出现象。
word-wrap :break-word;允许单词内断句。在本行空间不够的情况下它会首先挪到下一行,再适当进行单词内断句。有一定的空间浪费
//单独使用该属性时需要设置标签width:value;
word-break:break-all
css的 word-break 属性用来标明怎么样进行单词内的断句。
word-break:break-all;不会把长单词挪到下一行,而是直接进行单词内的断句。空间利用率高
//单独使用该属性时不必设置标签width:value;
相关文章推荐
- Web布局连载——两栏固定布局(五)
- [div+css]晒晒最新制作专题推广页模板
- 在Windows 8.1的IE 11中屏蔽双击放大功能
- [css] line-height 百分比单位和数值单位的区别
- 设计更快的网页(三):字体和 CSS 调整
- 纯CSS制作的新闻网站中的文章列表
- 10条影响CSS渲染速度的写法与使用建议第1/3页
- 通过Mootools 1.2来操纵HTML DOM元素
- BS项目中的CSS架构_仅加载自己需要的CSS
- 很不错的 CSS Hack 又学了一招
- 发一个css比较清爽的写法
- CSS expression控制图片自动缩放效果代码[兼容 IE,Firefox]
- css布局网页水平居中常用方法
- CSS经典技巧十则第1/2页
- css 兼容性问题this.style.cursor=''hand''
- IE6不能正常解析CSS文件问题的解决方法及原因分析
- 欲练CSS ,必先解决IE的一些细节分析
- CSS文字截取功能实现代码
- 支持IE6 IE7 Firefox 的纯CSS的下拉菜单