css自动换行word-break:break-all和word-wrap:break-word
word-break:break-all和word-wrap:break-word都是能使其容器如DIV的内容自动换行。
它们的区别就在于:
1,word-break:break-all 例如div宽200px,它的内容就会到200px自动换行,如果该行末端有个英文单词很长(congratulation等),它会把单词截断,变成该行末端为conra(congratulation的前端部分),下一行为tulation(conguatulation)的后端部分了。
2,word-wrap:break-word 例子与上面一样,但区别就是它会把congratulation整个单词看成一个整体,如果该行末端宽度不够显示整个单词,它会自动把整个单词放到下一行,而不会把单词截断掉的。
3,word-break;break-all 支持版本:IE5以上 该行为与亚洲语言的 normal 相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本。
WORD-WRAP:break-word 支持版本:IE5.5以上 内容将在边界内换行。如果需要,词内换行( word-break )也将发生。
表格自动换行,避免撑开。
<style="table-layout:fixed;word-break:break-all; word-wrap: break-word">
参数:
normal : 依照亚洲语言和非亚洲语言的文本规则,允许在字内换行
break-all : 该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本
keep-all : 与所有非亚洲语言的normal相同。对于中文,韩文,日文,不允许字断开。适合包含少量亚洲文本的非亚洲文本
语法:
word-wrap : normal | break-word
参数:
normal : 允许内容顶开指定的容器边界
break-word : 内容将在边界内换行。如果需要,词内换行(word-break)也行发生
说明:
设置或检索当当前行超过指定容器的边界时是否断开转行。
对应的脚本特性为wordWrap。请参阅我编写的其他书目。
语法:
table-layout : auto | fixed
参数:
auto : 默认的自动算法。布局将基于各单元格的内容。表格在每一单元格读取计算之后才会显示出来。速度很慢
fixed : 固定布局的算法。在这算法中,水平布局是仅仅基于表格的宽度,表格边框的宽度,单元格间距,列的宽度,而和表格内容无关
说明:
设置或检索表格的布局算法。
对应的脚本特性为tableLayout。
想说两句:)
相关信息
- 什么是网站重构 15-October-2009
- 网站加速方法 18-September-2009
- 15招快速减少页面载入时间 18-September-2009
- IE8 Beta1、IE7、IE6、Firefox2.0.0.12的一些CSS HACK测试 3-July-2009
- 31款站长优化工具 3-July-2009
- SEO 中B标签与Strong标签的区别 15-June-2009
- SEO优化 H1,H2,H3标签和strong 15-June-2009
- 搜索引擎优化技巧,seo技巧 15-June-2009
- DIV+CSS网站优化(seo) 16-May-2009
- css hack书写规范 14-May-2009
- 常用js框架,js库 4-May-2009
- CSS命名规范 23-April-2009
- 前端开发工具集锦 22-April-2009
- IE5、IE6、IE7、IE8 的CSS HACK兼容列表 30-March-2009
- css自动换行word-break:break-all和word-wrap:break-word 27-February-2009
- 2009年海外Web设计风潮 13-February-2009
- css网页设计技巧集 27-November-2008
- 百度与谷歌的收录规则 12-November-2008
- 简洁网页设计 提高网络销量 12-November-2008
- 网页设计的十要十不要 12-November-2008
- CSS禅意花园让我们热爱设计热衷于思考 24-October-2008
- Div+CSS网页布局对SEO的影响 21-October-2008
- WEB标准中细线表格的实现方法 21-October-2008
- 常用DIV+CSS网页制作布局技术技巧 21-October-2008
- 轻松学DIV教程(div+css布局) 21-October-2008
- web标准化设计:常用的CSS命名规则 21-October-2008
- 网站进行SEO搜索引擎优化的七条规则 21-October-2008
- 网站SEO必知的三点策略 21-October-2008
- 优化网站内部链接:有效引导搜索引擎抓取 21-October-2008
- 大型门户网站搜索引擎优化方案 21-October-2008
- 一个站长的网站成长过程 21-October-2008
- Seo优化的6个必经步骤 21-October-2008
- 企业推广的最有效途径 21-October-2008
- 推荐2本SEO入门书籍下载 21-October-2008
- 阿里巴巴网站的搜索引擎优化SEO分析 21-October-2008