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