《
table-layout fixed 属性在IE和Firefox中的效果对比》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302336112013.htm
--> [
网站建设之]table-layout:fixed 属性在IE跟Firefox中的效果对照
该文具体先容了CSS中table-layout:fixed 属性及其在IE和Firefox中的效果比较 假如想要一个table固定大小，里面的文字强迫换行(尤其是在一长串英文文本，并且旁边无空格分隔的情况下)，以到达使过长的文字不撑破表格的目标，个别是使用样式：table-layout:fixed。然而在Firefox下面，会有一些问题，参考Gmail的一些做法，做了多少个测试，得出一种解决措施。
例1：(IE浏览器)一般的情况 CODE: <table border=1 width=80><tr><td>abcdefghigklmnopqrstuvwxyz 1234567890</td></tr></table>
效果：
能够看到width=80并不起作用，表格被字符撑开了。
例2：(IE浏览器)使用样式table-layout:fixed CODE: <style>.tbl {table-layout:fixed}</style><table class=tbl border=1 width=80><,
SNS网站产品设计 我们被强化的行为;tr><td>abcdefghigklmnopqrstuvwxyz 1234567890</td></tr></table>
效果：
width=80起作用了,
SNS模式 关键是增强网站黏性，但是表格换行了。 例3：(IE浏览器)使用样式table-layout:fixed与nowrap CODE: <style>.tbl {table-layout:fixed}<,
SNS三要素中的relationship;/style><table class=tbl border=1 width=80><tr><td nowrap>abcdefghigklmnopqrstuvwxyz 1234567890<,
SEO知识普及：8大基础点让你不再是新手;/td></tr></table>
效果：width=80起作用了，换行也被干掉了。 例4：(IE浏览器)在使用数值固定td大小情况下使用样式table-layout:fixed与nowrap CODE: <style>.tbl {table-layout:fixed}<,
SEO的知识可以随着时间的积累不断进步;/style><table class=tbl border=1 width=80><tr>,
SEO常识：常用搜索指令;<td width=20 nowrap>abcdefghigklmnopqrstuvwxyz 1234567890</td><td nowrap>abcdefghigklmnopqrstuvwxyz 1234567890</td></tr></table>
效果：可怜产生了，第一个td的nowrap不起作用了 例5：(IE浏览器)在使用百分比固定td大小情况下使用样式table-layout:fixed与nowrap CODE: <style>.tbl {table-layout:fixed}</style><table class=tbl border=1 width=80><tr><,
seo人员需具备的九项能力;td width=25% nowrap>abcdefghigklmnopqrstuvwxyz 1234567890</td><td nowrap>,
SEO不适合用于我国企业电子商务;abcdefghigklmnopqrstuvwxyz 1234567890</td></tr></table>
后果：改成百分比，终于搞定了 例6：(Firefox浏览器)在应用百分比固定td大小情况下使用样式table-layout:fixed与nowrap效果：把例5放到firefox下面，又ft了 例7：(Firefox阅读器)在使用百分比固定td大小情形下使用款式table-layout:fixed与nowrap,并且使用div CODE: <style>.tbl {table-layout:fixed}.td {overflow:hidden;}</style><table class=tbl border=1 width=80><tr><td width=25% class=td nowrap><div>abcdefghigklmnopqrstuvwxyz 1234567890</div></td><td class=td nowrap><div>abcdefghigklmnopqrstuvwxyz 1234567890</div></td></tr></table>
效果：天下终于太平了 例8：(Firefox浏览器)在使用数值固定td大小情况下使用样式table-layout:fixed与nowrap,并且使用div CODE: <style>.tbl {table-layout:fixed}.td {overflow:hidden;}</style> CODE: <table class=tbl border=1 width=80>,
Safari参考样式库之webkit;<tr><td width=20 class=td nowrap><div>abcdefghigklmnopqrstuvwxyz 1234567890</div></td><td class=td nowrap><div>,
QQ空间发光文字实现步骤;abcdefghigklmnopqrstuvwxyz 1234567890</div></td></tr></table>
效果：nowrap又不起作用了 终极，例7是一个在IE和Firefox都可以完善解决页面强制换行问题的解决计划 Tag： Firefox IE Firefox IE
(责任编辑：网站建设)
table-layout fixed 属性在IE和Firefox中的效果对比相关文章