css未知宽度水平居中的几种解决方案(css 无宽度居中)
本文手机访问二维码
<body>
<div><p>What is CSS?</p></div>
</body>
1.子元素
div{text-align:center}
p{display:inline-block}
2.淘宝分页：
div{position:relative; left:50%; float:left;}
p{position:relative; left:-50%;}
3.利用diplay:table来解决：
<div id="box">
<span><div id="inner">11111111111111111111</div> </span>
</div>
#box{width:100%;height:100%; display:table;text-align:center;}
#box span{width:100%;display:table-cell; vertical-align:middle;}
#inner{display:inline-block;width:200px; border:1px solid #000;}
4.高端的CSS3 flex-box 居中方案
<div class="parent">
<div class="test">asdasdfasdfasdfasdfasdfasdfasdffsd</div>
</div>
.parent{position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: -webkit-box; -webkit-box-align: center;-webkit-box-pack: center;}
.test{-webkit-box-flex: 0;background: #CCC;}
本文手机访问二维码
☉本站的源码不会像其它下载站一样植入大量的广告。
☉本站只提供精品织梦源码，源码在于可用，不在多！！希望在这里找到你合适的。
☉本站提供的整站织梦程序，均带数据及演示地址。可以在任一源码详情页查看演示地址
☉本站所有资源（包括源码、模板、素材、特效等）仅供学习与参考，请勿用于商业用途。
☉如有其他问题，请加网站客服QQ(971977809)进行交流
程序开发
