Question

好的，我有一个wordpress网站，我添加了一个表并使用

white-space：no-wrap;

由于我希望表格标题保留在一行中，因此表格中包含太多标题，需要使其保持在内容“边界”之外（对我来说没问题）。

问题在于，当我使用浏览器放大和缩小时，表格更改位置（向左或向右移动lil位并且dosnt保持居中）我将其设置为“边距”。

我是css的新手，希望我能够充分描述这个问题。

.dataTables_wrapper .tablepress {
white-space: nowrap;
clear: both;
margin-left: -50px;

}

.entry table {
border: 1px solid #DFDFDF;
background-color: #F9F9F9;
width: 100%;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
font-family: Arial,"Bitstream Vera Sans",Helvetica,Verdana,sans-serif;
color: #333;
border-collapse: separate;
border-spacing: 0;
}


.tablepress {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
margin-bottom: 1em;
border: 0;
}

Answer 1

设置宽度不起作用吗？

<table>
    <tr>
        <td>stuff</td>
        <td>stuff</td>
    </tr>
</table>

table{border:1px solid #000;width:100%}

link to fiddle

如果您提供了更多信息，也可能会有所帮助，例如您希望将此表放在网页上的哪些内容

css - 表免受浏览器缩放的影响

1 个答案: