CSSはテキストの水平配向方向を設定します。

入門

  • :属性として以下の値の3種類があり、左、真ん中、そして右。CSStext-alignleftcenterright
  • 私は理由への直接アクセスの簡単な導入を繰り返すことはしませんtext-alignプロパティの練習、そしてあなたが初心者であれば、彼はハを実践するために行かなければならない、結果のグラフは、ディスプレイ上ではない、と我々は彼らの手とカザフスタンを移動します。
  • 左ブロック

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>设置文本的水平对齐方向</title>
    <style>
        .box{
            text-align: left;
        }
    </style>
</head>
<body>
    <h2 class="box">成功不是击败别人,而是改变自己</h2>
</body>
</html>
  • 注:デフォルトは左寄せされます。

  • ブロックで

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>设置文本的水平对齐方向</title>
    <style>
        .box{
            text-align:center;
           
        }
    </style>
</head>
<body>
    <h2 class="box">成功不是击败别人,而是改变自己</h2>
</body>
</html>
  • 右ブロック

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>设置文本的水平对齐方向</title>
    <style>
        .box{
            text-align: right;
        }
    </style>
</head>
<body>
    <h2 class="box">成功不是击败别人,而是改变自己</h2>
</body>
</html>

おすすめ

転載: www.cnblogs.com/lq0001/p/11863676.html