![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
布局
苦夏木禾
声明:如效果实现不符,请自己研究,不要随意甩锅
展开
-
前端常用的几种布局方式(推)
静态布局: 最为传统的一种布局方式,网页上的所有元素都是用px为单位进行设定的。 3级标题 布局特点: 不论屏幕的大小,页面宽高始终不变,始终维持最初设计时的样式大小来显示;常规的PC端网页都是用的静态布局,也就是设置了min-width,当小于这个宽度的时候出现滚动条,当大于的时候让内容居中,外加背景。 设计方法: PC : 居中布局,所有的元素样式都使用绝对的宽高(px),设计一个布局,当屏幕...原创 2019-10-22 16:20:40 · 7298 阅读 · 0 评论 -
flex布局最后一行靠左对齐
有时候会遇到这样的情况,最后一行不够,用了弹性布局,居中了 解决方法: .contact { display: flex; flex-wrap: wrap; justify-content: flex-start;/*靠左对其*/ } .contact > view:nth-child(odd) { margin: 20rpx 15rpx 0 30rpx;/*给奇数项设置*//*nth-child是从1开始!!!*/ } .contact > view:nth-child(even)原创 2020-06-20 16:43:09 · 2411 阅读 · 0 评论