100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > css中table-layout:fixed 属性的用法

css中table-layout:fixed 属性的用法

时间:2022-09-22 04:41:45

相关推荐

css中table-layout:fixed 属性的用法

web前端|css教程

table-layout,fixed,样式表

web前端-css教程

table-layout:fixed 属性的用法:

如果想要一个table固定大小,里面的文字强制换行(尤其是在一长串英文文本,并且中间无空格分隔的情况下),以达到使过长的文字

设备档案管理软件源码,vscode插件页面开发,ubuntu单数版本,域名怎么访问tomcat,图库 爬虫,php设置执行时间,昆明放心网络优化seo,简单大气的静态网站源码,wordpress模板堂lzw

不撑破表格的目的,一般是使用样式:table-layout:fixed。但是在Firefox下面,会有一些问题,参考Gmail的一些做法,做了几个

直销公排系统源码,vscode怎么分窗显示,kali代替ubuntu,对tomcat的作用,海词 爬虫,php 控制台换行,广州百度SEO外包,导航网站开源代码,模板建站的原理lzw

测试,得出一种解决办法。

网页考试系统源码,ubuntu桌面环境比较,如何增加tomcat的性能,手机清理爬虫,如何优化php,厦门seo优化公司排名b2blzw

例1:(IE浏览器)普通的情况

CODE:

可以看到width=80并没有起作用,表格被字符撑开了。

例2:(IE浏览器)使用样式table-layout:fixed

CODE:

.tbl {table-layout:fixed;}

width=80起作用了,但是表格换行了。

例3:(IE浏览器)使用样式table-layout:fixed与nowrap

CODE:

.tbl {table-layout:fixed;}

width=80起作用了,换行也被干掉了。

例4:(IE浏览器)在使用数值固定td大小情况下使用样式table-layout:fixed与nowrap

CODE:

.tbl {table-layout:fixed;}

不幸发生了,第一个td的nowrap不起作用了

例5:(IE浏览器)在使用百分比固定td大小情况下使用样式table-layout:fixed与nowrap

CODE:

.tbl {table-layout:fixed;}

改成百分比,终于搞定了

例6:(Firefox浏览器)在使用百分比固定td大小情况下使用样式table-layout:fixed与nowrap效果:把例5放到firefox下面,又失效了

例7:(Firefox浏览器)在使用百分比固定td大小情况下使用样式table-layout:fixed与nowrap,并且使用p

CODE:

.tbl {table-layout:fixed;}

.td {overflow:hidden;}

天下终于太平了

例8:(Firefox浏览器)在使用数值固定td大小情况下使用样式table-layout:fixed与nowrap,并且使用p

CODE:

.tbl {table-layout:fixed;}

.td {overflow:hidden;}

CODE:

nowrap又不起作用了

最终,例7是一个在IE和Firefox都可以完美解决页面强制换行问题的解决方案。

我也继续查了一些资料,既然首行的宽度才起作用,那我是否可以定义一下首行呢。

发现了colgroup属性。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。