![](https://img-blog.csdnimg.cn/20200901171714473.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
CSS3的理解
使用CSS3写不一样的风格,CSS3代替了flash,让文件加载更快。。。
白开水lhz
这个作者很懒,什么都没留下…
展开
-
flex布局设置space-between(around)最后一行不左对齐问题
flex布局设置space-between(around)最后一行不左对齐问题 需求在项目布局上使用弹性布局,要求每个盒子两端要对齐,而且最后一行在列不满的情况下要求左对齐; 问题: 使用flex的设置justify-content为space-between;发现最后一行不能左对齐,而是两端对齐方式导致形成下图, 方法: 一、添加几个空格子,格子高度为0 <!DOCTYPE html> <html lang="en"> <head> <meta charset原创 2020-09-10 11:06:25 · 2707 阅读 · 0 评论 -
CSS3中使用弹性布局,超出隐藏
CSS3中使用弹性布局,超出隐藏 1.在平时的书写样式时,我们都是用css来写样式,在css样式中超出部分,我们可以使用overflow: hidden;即可隐藏,但是当使用弹性性布局时,超出隐藏overflow: hidden;就不起作用。 2.解决方法:要在设置了flex: 1的那个元素加上min-width: 0; 案例代码: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" c原创 2020-09-01 17:08:25 · 3409 阅读 · 1 评论 -
什么是(flex)弹性盒子主轴和侧轴
(flex)弹性盒子的主轴和侧轴 弹性盒子分为主轴和侧轴(又称交叉轴) 属性:flex-direction 主轴设置:flex-direction :row 或row-reverse 主轴通俗来讲就是,X轴 侧轴设置:flex-direction :column 或column-reverse 侧轴通俗来讲就是,y轴 ...原创 2020-08-18 20:14:54 · 2202 阅读 · 0 评论