多语言展示
当前在线:472今日阅读:84今日分享:32

HTML中table的子元素td宽度无法设置的问题

当我们设置好一个表格后,单元格的宽度多是由其内部的内容数量所决定的,若是想单独的控制某一个单元格的宽度,直接设置是无效的,希望下面这个方法能够帮助到你。
工具/原料

vs code

方法/步骤
1

直接在需要控制宽度的td标签内再加入一个div标签

2

再单独设置这个写在td标签中的div标签的宽度,就可以达到控制td宽度的效果

3

若是想让添加了div标签的td标签内的文字居中,可以为div标签添加两个属性:margin:0ox auto;text-align:center;如此一来,就可以达到控制td宽度,且其内部文字居中的效果了

注意事项

可以为div添加一个背景颜色,使更清晰可观

推荐信息