css - HTMLページのフィールドセットを中央に配置します

Question

ページの中央にaを配置したいのですfieldsetが、方法がわかりません。

私はこのcssコードを使用しました：

fieldset
{
    margin:auto;
    display: inline-block;
    text-align:center;
}

fieldset しかし、それは私も使用したコンテンツの中心にあるだけですが、機能しません<p style="text-align:center;"> <fieldset> ...</fieldset></p> 。

では、どうすれば中央に配置できますか？

編集：

CSS私が今使っているコード：

fieldset
{
    text-align:left;
    display: inline-block;
    vertical-align:middle;
}

div
{
    text-align:center;
    vertical-align:middle;
}

score 2 · Accepted Answer

コンテンツではなく要素を実際に中央に配置するには、親要素に追加する必要がありtext-align:centerます（divでラップし、それ自体の場合はそれで遊ぶことができます）。それが機能するかどうかを確認します。

score 0 · Accepted Answer

属性を削除しdisplayます。動作するには、ブロック要素（デフォルトでは）である必要がありますmargin: auto。それとも何かのためにそれが必要ですか？

score 0 · Accepted Answer

解決策は、要素を絶対的に配置し、ウィンドウの左と上部からdivを50％オフセットし、divを左と上に移動し、幅と高さの半分を負のマージンで移動することです。完全に中央に配置されます。

これがCSSコードです：

    position:absolute;
    left:50%;
    top:50%;
    margin:-100px 0 0 -150px;

score 0 · Accepted Answer

これは私のために働いた

    #fieldset{
   border-color:blue;
   border-radius:10px;
   margin:-100px 0 0 -150px;
   position:absolute;
   left:50%;
   top:50%;
    }

しかし、私はラインマージンをしません：-100px 0 0 -150px;

4 に答える 4