首页 > 关于移动端网页布局问题。

关于移动端网页布局问题。

第一次做移动端有点蒙对响应式有一定了解,是个微信公众号页面应该和移动端的一样吧,这种样式的怎么布局呢,我想的是大的div width:100%; height:30px;
两个图左右浮动,input是margin:0 auto;但是没有效果,请问该怎么做呢?谢谢!


父级

display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;

子元素

display:block

中间的

-webkit-box-flex: 1;
-webkit-flex:  1;
flex: 1;
margin:0 *px

移动端用flex做这种布局


用flex去写或者是,用绝对定位,或者用display:table去写,不建议使用display:table;


input是行级标签用margin:0 auto居中肯定不好使,要么转成快要么父级盒子定了text-align:center

【热门文章】
【热门文章】