css未知宽度水平居中的几种解决方案(css 无宽度居中)
What is CSS?
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来解决:
#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 居中方案
.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)进行交流