Question

我创建了一个宽度为页面90％的表格，这很好，除非显示器是宽屏幕 - 在这种情况下，表格中的项目间隔太大。是否可以将表格的宽度设置为页面的百分比，但是具有像素宽度限制？例如，一个表占页面的90％，但限制为1000px，因此不能超过该大小。

<table align="center" style="width:90%;">
<tbody>
    <tr>
        <td>a</td>
        <td>b</td>
    </tr>
    <tr>
        <td>c</td>
        <td>d</td>
    </tr>
</tbody>

Answer 1

使用css max-width: 1000px。使用此表的表不会超过1000px。

Answer 2

您的示例代码：

<table align="center" style="width:90%; max-width:1000px;">
<tbody>
    <tr>
        <td>a</td>
        <td>b</td>
    </tr>
    <tr>
        <td>c</td>
        <td>d</td>
    </tr>
</tbody>

具有百分比宽度和像素限制的HTML表

2 个答案: