开发工具与关键技术:DW|HTML/CSS
作者:老岑
撰写时间:2019年1月16日
Flex布局以后子元素都会是flex布局,而且float、cleat和vertical-align属性都失效。
我开始设计的时候是有一个div包裹着俩个div 然后我以为只要包裹中的其中一个设有flex属性就可以把里面的元素都设成flex属性
好了话不多说了直接看代码
HTML部分
CSS部分
出来的效果是这样的,俩张图片用的属性都没有错,虽然这是我刚刚开始认为的没有错。
原来flex属性在同等级的属性面前是不能概括的,如果是同等级的元素那必须俩个都加上flex属性才能够用Flex布局;
第二个代码加上flex属性后图片就能够轻松对齐了。
其实这样子看感觉不会出现这种低级的错误,那这是我把代码给弄得简单易懂而已。
如果代码是这么多的时候呢?
HTML的代码都这么多了CSS的代码有多少就可想而知了,在里面错了flex那个微不足道的错误,然后我弄完了,又用了半小时才发现这个错误,那时候我都是心烦气躁的,所以感觉这个东西对我们这些新手有帮助;
越厉害的程序员耐心就越稳健,所以说我们这些小猿还是要往这个目标前进。我们一起加油!!!