使用XHTML1.0过渡版设置表格样式
使用XHTML1.0过渡版设置表格样式
提问于 2010-07-13 09:02:48
我正在尝试添加一个边框和填充到XHTML1.0过渡网页的表格行(见下面的代码重现)。我知道，如果我将页面类型更改为其他类型，我将能够向表格行和单元格添加边框和填充。但是在XHTML1.0转换版中，它根本不起作用。
考虑到我不能改变DOCTYPE，我应该怎么做，在表格中添加边框和填充？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style>
table
{
border: solid 1px black;
}
tr
{
/* Doesn't work */
margin: 10px;
border: solid 1px black;
}
</style>
</head>
<body>
<table>
<tbody>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
</tbody>
</table>
</body>
</html>回答 2
Stack Overflow用户
回答已采纳
发布于 2010-07-13 09:09:45
尝试查看边框和边距在td上是否有效。
td
{
margin: 10px;
border: solid 1px black;
} 如果是这样的话，你必须将其设置为仅用于中心单元格的上边距/下边距。
Stack Overflow用户
发布于 2010-07-13 09:06:46
如果你想把它们放在每个单元格周围，把样式应用到td元素，而不是tr:假设你想把它放在tr上，我不完全确定为什么这样做，但是将边框折叠添加到表中将使tr边框起作用：
table
{
border: 1px solid black;
border-collapse:collapse;
}
tr
{
/*use if you want the lines to be per row instead of per cell*/
border: 1px solid black;
}对于页边距，我建议对td元素应用填充：
td
{
padding: 10px;
/*use if you want lines between each cell*/
border: 1px solid black;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/3233464
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号