Question

我有一张桌子，其中一个单元格是这样的：

<td>
    <div class="table-wrapper">
        <table class="inner-table">
        <!--content-->
        </table>
    <div>
</td>

div在那儿，所以我可以在桌子周围放一个边框，间距为10px。但是，如其所示，div是封闭td的整个宽度。我想要的只是它包装的表格的宽度（要加上边距）。我不能弄清楚CSS可以做到这一点，尽管毫无疑问，这很简单，尽管我已经将其与Javascript一起使用了-但是，如果可能的话，我宁愿使用CSS来做到这一点。我曾希望为div设置width:auto可以起作用，但这没什么区别，

Answer 1

一种方法是使用内联块

<style>
    .table-wrapper {
        border : 1px solid black;
        padding : 10px;
        display : inline-block; 
    }
</style>

<table width="400px">
<tr>
<td>
OUTER
</td>
<td>
    <div class="table-wrapper">
        <table class="inner-table">
        <tr><td>INNER</td></tr>
        </table>
    <div>
</td>
</tr>
</table>

将div的宽度设置为附表的宽度

1 个答案: