html5 - html怎么让div居中啊??
伊谢尔伦
伊谢尔伦 2017-04-17 13:09:33
0
4
1232
伊谢尔伦
伊谢尔伦

小伙看你根骨奇佳,潜力无限,来学PHP伐。

全部回覆(4)
左手右手慢动作

沒看你程式碼哈。
不過讓快元素居中,有多種方式:
1: display:inline-block

.total{width:1000px;height:auto;border:1px solid #ccc;text-align:center;}
.center{width:200px;height:50px;background-color:blue;display:inline-block;}


<p class='center'></p>

2: 未知寬高:position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);

.total{width:1000px;height:auto;border:1px solid #ccc;}
.center{width:200px;height:50px;background-color:blue;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}


<p class='center'></p>

2: 已知寬高:width:200px;height:200px;position:absolute;left:50%;top:50%;transform:translate(-100px,-100px);

.total{width:1000px;height:auto;border:1px solid #ccc;}
.center{width:200px;height:50px;background-color:blue;position:absolute;left:50%;top:50%;transform:translate(-100px,-100px)}


<p class='center'></p>

以上程式碼未經測試,若有問題再問哈

巴扎黑

infelx 加justify 加align 不要太好用,不過記得相容

Peter_Zhu

保證金:0 自動

左手右手慢动作

http://jackzong.github.io/201...

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!