css如何水平居中

lewis 6年前 (2019-03-25) 阅读数 11 #程序编程

文章标签 css

在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:0auto;
}

本文仅代表作者观点，不代表米安网络立场。

◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。