Question

我有一张住在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>

Answer 1

你能试试吗？

<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>

Answer 2

只需将display: inline-block;添加到表格

即可

Answer 3

在css中，你不需要前缀。或＃to table，td，tr，p，

在您的问题中，添加以下代码

    #table table thead, table tbody {padding-right: 100px;}

注意＃here ...因为＃是Id选择器。

祝你好运..！

Answer 4

谢谢你的回答。但是我发现通过javascript进行操作更容易，也非常灵活。在这里，我正在使用jQuery框架：

 $('#table').width() = $('table').width() + 20;
 $('table').css('padding-right', '10px');

这将使表格宽度达到最初的目的。

设置溢出表的填充/边距

4 个答案: