第一次做移动端有点蒙对响应式有一定了解,是个微信公众号页面应该和移动端的一样吧,这种样式的怎么布局呢,我想的是大的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