Подгонка <fieldset>к размеру его содержимого с помощью CSS? - PullRequest
10 голосов
/ 06 октября 2010

Вот скрипка .

Мне нужно сделать <fieldset> ширину его содержимого, а не его родителя. Есть ли хороший способ сделать это?

Ответы [ 3 ]

19 голосов
/ 06 октября 2010

Добавить отображение: встроено в набор полей http://jsfiddle.net/XDMfN/92/

5 голосов
/ 06 октября 2010

Вы хотите термоусадочную пленку?

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

3 голосов
/ 06 октября 2010

дисплей: встроенный;

...