锁定td的高度_table中如何用CSS控制<tr>><td>的宽度和高度

最新推荐文章于 2022-02-10 18:25:20 发布

weixin_39620629

最新推荐文章于 2022-02-10 18:25:20 发布

阅读量2k

点赞数

文章标签：锁定td的高度

本文链接：https://blog.csdn.net/weixin_39620629/article/details/113014331

版权

本文介绍了如何使用CSS锁定HTML表格中`<td>`的高度，并提供了示例代码。通过`.main td`选择器设定固定高度，以及全局`table td`设置所有表格的样式。还探讨了`table`、`tr`和`td`的width和height属性在HTML表格布局中的作用和影响。

摘要由CSDN通过智能技术生成

展开全部

给table设置一个mian

代码如下

.main td{ height:30px; border:#CCCCCC 1px solid;}

.main td的意思是指定32313133353236313431303231363533e58685e5aeb931333365653165main类下的td，同理也可以指定tr

这样的做法只能针对了设定main类的表格，若是想要所有的表格都是同一个高度样式可以这样写

table td{ height:30px; border:#CCCCCC 1px solid;}

注意的是table前不要加点，因为他不是类名，而是html元素

关于html中table表格tr,td的高度和宽度

1、table中的width和height设置及其作用：table中设置的height其实是设置个最小值，也就是当表格中的内容或者行高总值超过这个设置值时，会自动延长表格的height值，当表格中的内容或者行高没有达到这个值时，会自动扩大到这个值。table中设置的width值一般为表格宽度的最大值，不能改变，即使内部的内容宽度超过也不能改变。(这个内部内容如果是图片的话是可以改变表格宽度的。)

2、tr标签中width和height设置及其作用：tr标签里面的width设置不起任何作用，因为从第一点可以看出，表格的width是不能改变的ÿ