html5 - html怎么让div居中啊？？

Answer 1

没看你代码哈。
不过让快元素居中，有多种方式:
1: display:inline-block
<style>

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

</style>
<p class='total'>

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

</p>

2: 未知宽高：position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
<style>

<code>.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%);}</code>

</style>
<p class='total'>

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

</p>

2: 已知宽高：width:200px;height:200px;position:absolute;left:50%;top:50%;transform:translate(-100px,-100px);
<style>

<code>.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)}</code>

</style>
<p class='total'>

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

</p>

以上代码未经测试，若有问题再问哈

Answer 2

infelx 加justify 加align 不要太好用，不过记住要兼容

Answer 3

margin:0 auto

Answer 4

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