这次给大家带来表格单元格td设置宽度无效应该如何解决,表格单元格td设置宽度无效应该解决的注意事项有哪些,下面就是实战案例,一起来看一下。
在做table页面时,有时对td设置的宽度是无效的,td的宽度始终有内部的内容撑开,可以设置padding,但直接设置width却无效,下面我们来具体看下这个示例:
1000800 1000000 1000000 1000000 10000300 1000000
| 1000000 | 1000000 | 1000000 |
| 1000000 | 10000300 | 1000000 |
我们可以看到,类div1中的第一个单元格虽然设置了宽度,但是却是无效的。单元格内容始终由内容而决定,那么既然是由内容决定的那么我们就想办法让“内容”把单元格撑开,这样就行了。
我们可以在td中加个div,然后给div设置宽度,来试一下:
修改类div1中的一部分代码:
1000800
修改为
1000800
然后在样式里写入:
td div { width:100px; }
相信看了这些案例你已经掌握了方法,更多精彩请关注创想鸟其它相关文章!
相关阅读:
html如何用超链接打开新窗口时控制其属性
css3中的渐进增强和优雅降级如何使用
css3的新单位vw、vh、vmin、vmax应该如何使用
以上就是表格单元格td设置宽度无效应该如何解决的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1545761.html
微信扫一扫
支付宝扫一扫