Question

我正在创建一个表，并希望将列的宽度设置为特定的％，例如10％，而不管列数。该表是从查询生成的，因此可能有1列或者它可能有5.无论哪种方式，我希望每个的宽度是特定的％宽度。例如，使用宽度为css的此html =＆＃39; 10％＆＃39;

<table>
    <tr>
        <td class='width10'> ....... </td>
    </tr>
</table>

但这不会显示为页面的10％，更像是30％。

奇怪的是，如果我将其更改为5％宽度，则会达到页面的大约50％，如果我将其设置为25％则会达到约5％。

Answer 1

使用百分比设置宽度时，您将其设置为包含元素的百分比，而不是页面/视口/您想到的任何内容。

因此，使用％设置TD是没有任何意义的，因为它总是<tr>/<table>的％，并且表从td得到它的宽度。

使用别的东西。或者，设置表格宽度明确度：）

<table style="width:100%;">

根据我们的谈话，这就是你要找的......

<div style="width:100%">
<div class='border width10'> ....... </div>
<div class='border width10'> ....... </div>
<div class='border width10'> ....... </div>
</div>

.width10 {
    width: 10%;
  display:inline-block;
  margin:0;
  padding:0
}
.border {
    border: 1px solid black;
}

设置td宽度为％的表

1 个答案: