cssのテキストとボックスを中心にする方法について

4083 ワード

本文はブロガーのオリジナルの文章で、もし文章の中で间违いがあればブロガーに连络して直して、悪意の伝言を残さないでください(好きではありません回り道してください).転載を歓迎します.転載する時、原文の住所を明記してください.https://blog.csdn.net/qq_37674616/article/details/82724657
目次
テキストの中央揃え
箱の中央
1.水平方向中央
2.垂直方向中央

テキストの中央揃え


1.text-alignとline-heightの使用




    
    
        
    
    



    

2.paddingとtext-alignの使用

<link rel="stylesheet" href=""/> <style> div { width: 100px; /* height*/ border: 1px solid red; /* */ line-height:30px; padding: 35px 0; /* */ text-align: center; } </style> <div> </div> </code></pre> <h1 id="%E7%9B%92%E5%AD%90%E5%B1%85%E4%B8%AD"> </h1> <h2 id="1.%E6%B0%B4%E5%B9%B3%E5%B1%85%E4%B8%AD">1. </h2> <p style="text-indent:50px;"> width</p> <pre><code> <meta charset="utf-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <title>

2.垂直方向中央


1.相対位置決めの設定

2.絶対位置決めの設定

3.親にflexを設定する