gpt4 book ai didi

css - 如何使用 CSS 编辑表格布局,以便填充不会增加表格宽度?

转载 作者:行者123 更新时间:2023-11-28 10:30:28 25 4
gpt4 key购买 nike

我专门为 IE(企业环境)编写页面。尝试从单独的表格中获得匹配的布局,这些表格堆叠在 table 上的另一个之上。

尝试使用 CSS table-layout:fixed,但遇到问题。除非我将每个单元格中的填充设置为 0px,否则表格的最终宽度对于行中的每个单元格都会增加 2px。

我需要单元格边缘和文本之间有距离,但我不希望这影响表格的宽度。我如何获得填充和精确的固定宽度表格?

这是我的代码。请注意,DIV 显示正好 500 像素宽,但表格更宽。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<div style="height:30px;width:500px;background-color:Blue;">500px</div>
<table style="width:500px;table-layout:fixed;border-spacing:0px;"><tr>
<td style="width:100px;background-color:#d0d0d0;">Text</td>
<td style="width:100px;background-color:#d0d0d0;">Text</td>
<td style="width:100px;background-color:#d0d0d0;">Text</td>
<td style="width:100px;background-color:#d0d0d0;">Text</td>
<td style="width:100px;background-color:#d0d0d0;">Text</td>
</tr></table>
</body>
</html>

最佳答案

您正在使表格中的边框和填充在任何位置都等于 0。

table, th, td {
border: 0px;
padding: 0px;
}

关于css - 如何使用 CSS 编辑表格布局,以便填充不会增加表格宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23553688/

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