css如何水平居中

lewis 2019-03-25 22次阅读

在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;
}

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