<p>最近寫網頁經常需要將p在螢幕中居中顯示，遂記錄下幾個常用的方法，都比較簡單。 
<center></center>標籤即可，或者設定margin:auto;當然也可以用下面的方法
<p>下面說兩種在螢幕正中（水平居中垂直居中）的方法<body> <p class="main"> <h1>MAIN</h1> </p> </body>
margin:auto;並設定top、left、right、bottom的值相等即可，不一定要都是0。 .main{
text-align: center; /*让p内部文字居中*/
background-color: #fff;
border-radius: 20px;
width: 300px;
height: 350px;
margin: auto;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.main{
text-align: center;
background-color: #fff;
border-radius: 20px;
width: 300px;
height: 350px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}<center>標籤，不過已經過時了，用法如下：<p><center>123</center></p>
<center>標籤就是相對於<p>標籤裡的文字，可以使其居中。 <p>由於center標籤已經過時了，所以正規一點的話還是不建議使用的，可以使用如下的方式代替：<p style="text-align:center;">123</p>
以上是div在螢幕中如何實現水平居中和垂直居中的詳細內容。更多資訊請關注PHP中文網其他相關文章！
