CSS中常常需要用到元素的居中對齊，本文將介紹如何使行內(nèi)元素實(shí)現(xiàn)水平居中和垂直居中。

/*水平居中*/
text-align: center;
/*垂直居中*/
line-height: height;

水平居中：使用text-align屬性可以實(shí)現(xiàn)行內(nèi)元素在父容器中水平居中。代碼如下：

<div style="text-align: center;">
<p>行內(nèi)元素居中</p>
</div>

垂直居中：使用line-height屬性可以實(shí)現(xiàn)行內(nèi)元素在父容器中垂直居中。line-height的值和父容器的高度相等時(shí)可以使元素垂直居中。代碼如下：

<div style="height: 100px; line-height: 100px;">
<p>行內(nèi)元素居中</p>
</div>

以上就是CSS行內(nèi)元素居中的方法，希望可以幫助到大家。