在手機端上，如何將內容居中呢？CSS3為我們提供了不同的方法，下面我們將介紹幾種方法。 方法一：使用margin屬性 我們可以將內容上下左右都設置為0，然后利用margin屬性將其居中。

p{
margin:0 auto; /*auto值將左右margin分配平均*/
}

方法二：使用absolute和transform屬性 我們可以利用absolute屬性將內容絕對定位在父元素中間，然后再利用transform屬性將其居中。

.parent {
position: relative;
}
.child {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}

方法三：使用flex布局 我們可以利用flex布局將內容居中。

.parent {
display: flex;
justify-content: center; /*橫向居中*/
align-items: center; /*縱向居中*/
}
.child {
flex: 0 0 auto;
}

以上就是幾種CSS3居中手機端的方法，希望對你有所幫助。