]。"/> ]。">
ホームページ > 記事 > ウェブフロントエンド > CSSでボタンを中央揃えで表示する方法
まず効果を見てみましょう:
(推奨チュートリアル: CSS チュートリアル)
これは単純な CSS スタイルで実現できます
<div style="margin:0 auto;width:200px;"> <input class="submit" id="btn" type="submit" value="注册" /> </div>
margin-left:auto;margin-right:auto; を使用して div を中央揃えにします。
.style{margin-left:auto;margin-right:auto;} 省略形は次のとおりです: .style{margin:0 auto;} 数値 0 は、上下のマージンが 0 であることを意味します。必要に応じて別の値に設定できます。
の後の幅も非常に重要な属性です。ボタンの幅は非常に小さいため、ボタンを中央に配置するには適切な幅の値を設定する必要があります。
以上がCSSでボタンを中央揃えで表示する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。