我有一张住在 div 里面的桌子。该表中有大量内容与窗口重叠，因此我需要向左滚动以查看其内容。问题是表格右侧没有填充或边距以使其更易于阅读。
如何向该表添加填充或边距？
这是 html 的样子（请注意，下面的 css 不起作用）：
<html>
<head></head>
<body>
<div id="table">
<table>
<thead>...</thead>
<tbody>...</tbody>
</table>
</div>
<style>
table td, table th, table td {border: 1px solid red}
table { padding-right: 100px; border: 1px solid blue}
table thead, table tbody {padding-right: 100px;}
</style>
</body>
</html>
你能试试这个吗？
<style type="text/css">
#table table td,#table table th,#table table td {border: 1px solid red}
#table table { padding-right: 100px;color: blue}
#table table thead,#table table tbody {padding-right: 100px;}
</style>
只需添加display: inline-block;到表中
在 css 中，您不需要前缀 of 。或 # 到 table,td,tr,p,
在您的问题中，添加以下代码
#table table thead, table tbody {padding-right: 100px;}
注意 # 这里...因为 # 是 Id 选择器。
祝你好运 ..！
谢谢你的回答。但是我发现通过 javascript 来做这件事要容易得多，也非常灵活。在这里，我正在使用 jQuery 框架：
$('#table').width() = $('table').width() + 20;
$('table').css('padding-right', '10px');
这将使表格的宽度达到最初的预期。