使用CSS将<fieldset>拟合到其内容的大小?</fieldset>

时间:2010-10-06 16:15:09

标签: html css fieldset

这是fiddle

我需要使<fieldset>的内容宽度,而不是其父级。有没有办法做到这一点?

3 个答案:

答案 0 :(得分:19)

添加显示:内联到字段集 http://jsfiddle.net/XDMfN/92/

答案 1 :(得分:5)

你想要一个收缩包装?

JSFiddle

<强> HTML

<div>
   <form>
      <fieldset>
         <legend>Hey</legend>
         <table>
            <thead><tr><td>H1</td><td>H2</td></tr></thead>
            <tbody><tr><td>A1</td><td>B2</td></tr>
               <tr><td>A2</td><td>B9</td></tr></tbody>
         </table>
      </fieldset>
   </form>
</div>

<强> CSS

fieldset{
   border: solid 2px blue;  
   float:left;
}
table{
   border: solid 2px red;   
}
div{
   width: 80%;   
   overflow:hidden;
   border: solid 2px purple;
   padding: 1em;
}

<强>输出

HTML Output

答案 2 :(得分:3)

显示:内联;