温馨提示×

css如何水平居中

css
养鱼的猫咪
209
2021-03-24 17:42:33
栏目: 编程语言
前端开发者测试专用服务器限时活动,0元免费领,库存有限,领完即止! 点击查看>>

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

css如何水平居中

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

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

页面布局:

<body>

 <p>水平居中</p>

</body>

css样式:

p {

  text-align: center;

}

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

页面布局:

<body>

  <div>水平居中</div>

</body>

css样式:

div{

  width200px

  text-align: center;

  margin0 auto;

}

亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

推荐阅读:css水平居中的方法有哪些

0