css居中用什么 |css hr 细线

text-align: center;

这种方法适用于水平居中。在父元素中使用该属性，即可让其内部元素在水平方向上居中。如下所示：

<div>
<p>这段文字会水平居中</p>
</div>

margin: auto;

这种方法同样适用于水平居中。对于宽度已知的元素，在父元素中使用该属性即可实现水平居中。如下所示：

<div>
<p>这个盒子会水平居中</p>
</div>

position: relative; top: 50%; transform: translateY(-50%);

这种方法适用于垂直居中，在父元素中使用该属性即可实现垂直居中。如下所示：

<div>
<p>这段文字会垂直居中</p>
</div>

总结：

CSS居中是网页设计不可或缺的技巧，可以让网页更加美观，让内容更加突出。在实践中，可以根据不同的需求选择适用的居中方法。以上介绍的是几种常用的方法，但并不是全部的居中方法。对于不同的layout方式，可以进一步挖掘其他的居中方式。最终实现网页中的居中效果，离不开理论和实践的结合。