A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

本帖最后由 春暖花开啊 于 2019-11-17 20:32 编辑

介绍#
在CSS中text-align属性有3种值,如下:left左、center中、right右。
直接进入text-align属性实践,如果大家是新手自己一定要去实践哈。

左代码块
[AppleScript] 纯文本查看 复制代码
<!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>

注意:默认就是向左对齐。




中代码块
[AppleScript] 纯文本查看 复制代码
<!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>





右代码块
[AppleScript] 纯文本查看 复制代码
<!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>

0 个回复

您需要登录后才可以回帖 登录 | 加入黑马