小伙看你根骨奇佳,潜力无限,来学PHP伐。
没看你代码哈。不过让快元素居中,有多种方式:1: display:inline-block <style>
.total{width:1000px;height:auto;border:1px solid #ccc;text-align:center;} .center{width:200px;height:50px;background-color:blue;display:inline-block;}
</style> <p class='total'>
<p class='center'></p>
</p>
2: 未知宽高:position:absolute;left:50%;top:50%;transform:translate(-50%,-50%); <style>
.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%);}
2: 已知宽高:width:200px;height:200px;position:absolute;left:50%;top:50%;transform:translate(-100px,-100px); <style>
.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)}
以上代码未经测试,若有问题再问哈
infelx 加justify 加align 不要太好用,不过记住要兼容
margin:0 auto
http://jackzong.github.io/201...
没看你代码哈。
不过让快元素居中,有多种方式:
1: display:inline-block
<style>
</style>
<p class='total'>
</p>
2: 未知宽高:position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
<style>
</style>
<p class='total'>
</p>
2: 已知宽高:width:200px;height:200px;position:absolute;left:50%;top:50%;transform:translate(-100px,-100px);
<style>
</style>
<p class='total'>
</p>
以上代码未经测试,若有问题再问哈
infelx 加justify 加align 不要太好用,不过记住要兼容
margin:0 auto
http://jackzong.github.io/201...