亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

如何在HTML-CSS中居中帶有fieldset的表單/表格,並保持大小一致?
P粉316110779
P粉316110779 2023-09-16 11:49:52
0
1
1574

在使用<form><table>組合的HTML中。它如下所示:

<form ...>
 <table>
   <tr>
    <td></td>
    <td></td>
   </tr>
   ...
   <tr>
    <td></td>
    <td></td>
   </tr>
 </table>
</form>

要將這個form/table放在頁面中間,可以使用以下CSS

table {
   margin: 0px auto;
}

來源:

  • 居中對齊HTML表格

直到一切都沒問題。

當向<form>中加入<fieldset>legend時,實際上是加入了<table>中。因此,現(xiàn)在的結(jié)構(gòu)如下:

<form ...>
<fieldset>
<legend>一些描述...</legend>
 <table>
   <tr>
    <td></td>
    <td></td>
   </tr>
   ...
   <tr>
    <td></td>
    <td></td>
   </tr>
 </table>
</fieldset>
</form>

這裡出現(xiàn)了兩種情況:

  1. 如何讓<fieldset>的邊框與表單/表格本身的大小相同?

應(yīng)用如下:

fieldset {
     display: inline-block;
}

來源:

  • 有沒有辦法讓fieldset的寬度只與其中的控制項一樣寬?

即使它按預(yù)期工作,<table>仍然位於左側(cè)。

問題

  • 如何將帶有fieldset的表單/表格放在中間,同時保持fieldset與表單/表格的大小相同?

P粉316110779
P粉316110779

全部回覆(1)
P粉561323975

這樣的東西嗎?

form {
    display: table;
    margin: 0 auto;
}
table {
   margin: 0 auto;
}
fieldset {
   display: inline-block;
}
<form>
  <fieldset>
    <legend>一些描述...</legend>
    <table>
      <tr>
        <td></td>
        <td></td>
      </tr>
      <tr>
        <td></td>
        <td></td>
      </tr>
    </table>
  </fieldset>
</form>
最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板