gpt4 book ai didi

CSS 表格单元格填充、间距

转载 作者:行者123 更新时间:2023-11-28 19:02:57 28 4
gpt4 key购买 nike

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/1998/REC-html40-19980424/strict.dtd">
<html>
<head>
<style type="text/css">
table {
border: 0;
padding: 0;
border-collapse: collapse;
}
td {padding: 0}
</style>
</head>
<body>
<table bgcolor="gray" width="100%">
<tr>
<td bgcolor="black" height="14px">
<img src="_images/top_top_line.png" width="800px" height="14px" border="0" alt="">
</td>
</tr>
<tr>
<td height="14px">
<img src="_images/top_top_line.png" width="800px" height="14px" alt="">
</td>
</tr>
</table>
</body>
</html>

在 last opera 和 ie8 中我看到:http://eta.name/timages/padding.png

如果我在 Opera 中删除 DOCTYPE 声明一切正常,但在 ie 中没有任何变化。

如何正确移除填充?

我有简化的例子: http://eta.name/padding.html有TD问题。单元格中顶部有一个像素,底部有一些像素。如何删除它?

最佳答案

那不是填充。图片是行内元素,所以它们被当作字母对待。默认情况下,vertical-align 设置为图像的底部与 a、b、c 和 d 等字母的底部对齐。这为您在 j、g、p 和 y 等字母上找到的下行字母留出了空间。

您可以随意使用 vertical-align 属性,但您不应该使用 tables for layout首先。

关于CSS 表格单元格填充、间距,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4906225/

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