css如何水平居中 css水平居中的几种方法

主机教程 建站分享 2年前 (2022-10-21) 214次浏览

文章摘要:css如何水平居中 css水平居中的几种方法

在css中实现水平居中的方法:使用text-align属性设置行内元素水平居中;2.使用margin属性设置块 […]

在css中实现水平居中的方法:使用text-align属性设置行内元素水平居中;2.使用margin属性设置块状元素水平居中;

在css中实现水平居中的方法

1.使用text-align属性实现行内元素水平居中

页面布局:

<body>

 <p>水平居中</p>

</body>

css样式:

p {

  text-align: center;

}

2.使用margin属性实现块状元素水平居中

页面布局:

<body>

  <div>水平居中</div>

</body>

css样式:

div{

  width: 200px; 

  text-align: center;

  margin: 0 auto;

}


声明:
若非注明,本站文章源于互联网收集整理和网友分享发布,如有侵权,请联系站长处理。
文章名称:css如何水平居中 css水平居中的几种方法
文章链接:http://www.7966.org/post/12430.html
转载请注明出处

喜欢 (0)