这篇文章是关于css如何设置单元格的自适应高度和宽度。我觉得边肖很实用，就和大家分享一下作为参考。让我们跟着边肖看一看。
设置单元格自适应高度和宽度的方法：1 .添加“宽度：宽度值%”细胞元素。样式，使单元格元素的宽度自适应；2.添加“高度：高度值大众；”以使单元格元素的高度可以自适应。
本教程操作环境：windows7系统，CSS3HTML5第5版，戴尔G3电脑。
在css中，因为高度不是固定的，所以不能直接使用高度值。因此，转换思想使用宽度值来实现正方形的高度分配。所以理论上，任何可以将宽度属性应用到高度属性的方法都可以使用。
因此，我们可以使用大众单位。一个大众相当于1%的页面宽度。例如，如果页面宽度是1000px，那么1vw就是10px。
具体例子如下：
！DOCTYPEhtml
htmllang='en '
头
metachartset=' UTF-8 '
元名称=“视口”内容=“宽度=设备宽度，初始比例=1.0”
meta http-equiv=' X-UA-Compatible ' content=' ie=edge '
标题文档/标题
/head
身体
风格。世英{
宽度：30%；
高：30大众；
}
/style
tableclass='shiying'border='1 '
tr
第/个月
th储蓄/th
/tr
tr
td月/td
TD 100美元/td
/tr
/table
/body
/html html输出结果：
感谢阅读！这篇关于“css如何自适应设置单元格的高度和宽度”的文章就分享到这里。希望
内容来源网络，如有侵权，联系删除，本文地址：https://www.230890.com/zhan/122000.html