以前用的居中text-align: center就可以,今天看到一種新的橫向居中辦法,使用position:relative;left:50%;,當然具體寫法如下:
.p{ position:relative; left:50%; float:left; } .c{ position:relative; float:left; right:50%; }
<div class="p"> <h1 class="c">Test Float Element Center</h1> </div>
以前用的居中text-align: center就可以,今天看到一種新的橫向居中辦法,使用position:relative;left:50%;,當然具體寫法如下:
.p{ position:relative; left:50%; float:left; } .c{ position:relative; float:left; right:50%; }
<div class="p"> <h1 class="c">Test Float Element Center</h1> </div>