Question

我有这段代码：

<fieldset>
 <label>show/hide table</label>
  <table class="tableStyle2">
    table code - a wide table
  </table>
</fieldset>

字段集会自动调整Chrome和Firefox中的宽度，但不会在IE8中调整。有没有解决这个问题？尝试：

.tableStyle2 {
    border-collapse: collapse;
    font-family: 'Lucida Grande','Lucida Sans Unicode','Verdana,Arial,Helvetica,sans-serif';
    width: 100%;
    font-size: 12px;
    overflow: none;
}

Answer 1

将disply:inline-block添加到fieldset

fieldset{width:auto; display:inline-block}

<强> DEMO

Answer 2

您是否尝试将宽度样式直接应用于字段集属性？

<fieldset style="width: 100%;">...</fieldset>

根据内表调整fieldset

2 个答案: