css_text-align.html

最新推荐文章于 2023-12-15 11:15:30 发布

学无止境慢慢来

最新推荐文章于 2023-12-15 11:15:30 发布

阅读量519

点赞数

分类专栏： CSS

CSS 专栏收录该内容

71 篇文章 0 订阅

订阅专栏

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css_text-align</title>
    <style>
        /*参考：https://www.w3school.com.cn/cssref/pr_text_text-align.asp
        知识点：
            1.text-align，规定元素中的文本的水平对齐方式。
            该属性通过指定行框与哪个点对齐，从而设置“块级”元素内文本的水平对齐方式。
            通过允许用户代理调整行内容中字母、字之间的间隔，可以支持值 justify；
            不同用户代理可能会得到不同的结果。

            值       描述
            left     把文本排列到左边。默认值：由浏览器决定。
            right    把文本排列到右边。
            center   把文本排列到中间。
            justify  实现两端对齐文本效果。

            注意：
                1.经测试，用于块级元素有效，用于行内元素无效。
                2.值 justify 无效。*/
        h1 {
            text-align: center;
        }

        h2 {
            text-align: left;
        }

        h3 {
            text-align: right;
        }

        h4{
            text-align: justify;
        }
    </style>
</head>
<body>

<h2>text-align: left</h2>
<h1>text-align: center</h1>
<h3>text-align: right</h3>
<h4>text-align: justify</h4>

</body>
</html>

学无止境慢慢来

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css_text-align.html

<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>css text-align</title> <style> /*参考：https://www.w3school.com.cn/css...
复制链接

扫一扫

专栏目录