css怎样设置hr居中
程序员文章站
2022-04-03 15:27:27
...
在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>
输出结果：
（学习视频分享：css视频教程）
以上就是css怎样设置hr居中的详细内容，更多请关注其它相关文章！
推荐阅读
-
css中absolute设置问题和如何让div居中
-
css设置文字上下居中，一行文字居中，两行或多行文字同样居中
-
css3设置box-pack和box-align让div里面的元素垂直居中
-
element UI设置dialog在视图居中显示，css设置dialog样式
-
求助：为什么我用css设置的第二个标签无法居中_html/css_WEB-ITnose
-
网页怎样随着浏览器的左右拉伸仍然保持居中_html/css_WEB-ITnose
-
网页怎样随着浏览器的左右拉伸仍然保持居中_html/css_WEB-ITnose
-
CSS设置行内元素和块级元素的水平居中、垂直居中_html/css_WEB-ITnose
-
一个页面分为左中右3部分，中间部分像素固定为1000px, 中间部分要居中， 剩下左右2部分的宽度如何设置？_html/css_WEB-ITnose
-
应该怎样设置div的位置呢？_html/css_WEB-ITnose