• 技术文章 >web前端 >css教程

    css怎样设置hr居中

    长期闲置长期闲置2021-11-19 19:22:17原创152

    在css中,可以利用“text-align”属性设置hr居中,该属性的作用就是规定元素的水平对齐方式,只需要给hr元素添加“text-align:center;”样式即可。

    本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

    css设置hr居中的方法

    在css中可以利用“text-align:center;”属性设置hr居中,

    text-align属性规定元素中的文本的水平对齐方式。

    该属性通过指定行框与哪个点对齐,从而设置块级元素内文本的水平对齐方式。通过允许用户代理调整行内容中字母和字之间的间隔,可以支持值 justify;不同用户代理可能会得到不同的结果。

    示例如下:

    <!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>Document</title>
    </head>
    <body>
    <style type="text/css">
        hr{
            width:50%;
            text-align:center;
        }
        </style>
    <h1>HTML</h1>
    <p>HTML 是用于描述 web 页面的一种语言。</p>
    <hr>
    <h1>CSS</h1>
    <p>CSS 定义如何显示 HTML 元素。</p>
    </body>
    </html>

    输出结果:

    1119.45.png

    (学习视频分享:css视频教程

    以上就是css怎样设置hr居中的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:css
    上一篇:css如何设置div之间距离 下一篇:css实现旋转45度的属性是什么
    php中文网线上培训班

    相关文章推荐

    • css怎样设置div超出换行• css3的透明度怎么设置• css怎样设置表格外边框加粗• css同一行字体怎样改变不同颜色• css如何设置div之间距离

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网