gpt4 book ai didi

css - 为什么当我增加填充时表格单元格会增加?

转载 作者:太空宇宙 更新时间:2023-11-04 05:42:19 26 4
gpt4 key购买 nike

我正在使用此 CSS 代码来设置表格单元格的样式。

td{
padding: .2vw;
width: 8vw;
height: 8vw;
}

当我增加填充时,我的单元格会变宽。为什么是这样?我认为宽度确实已经包含了填充。如何设置单元格的实际宽度?

编辑:这是一个完整的例子:

<html>
<head>
<meta charset="UTF-8">
<title>Example</title>
<style>
body{
padding: 0px;
margin: 0px;
font-family: Verdana, Geneva, sans-serif;
text-align: center;
}
table{
font-size: 1em;
border-spacing: 0.7vw;
background-color: #003d1b;
margin: auto;
margin-top: 0px;
box-sizing: border-box;
}
td{
background-color: #00551b;
font-size: 2em;
padding: 1vw;
cursor: pointer;
width: 8vw;
height: 8vw;
box-sizing: border-box;
}
</style>
</head>

<body>
<table>
<tr>
<td>1</td><td>2</td><td>3</td>
</tr>
<tr>
<td>4</td><td>5</td><td>6</td>
</tr>
</table>
</body>
</html>

最佳答案

添加框大小:边框框;进入 td

td{
padding: .2vw;
width: 8vw;
height: 8vw;
box-sizing:border-box;
}

关于css - 为什么当我增加填充时表格单元格会增加?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59066720/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com