CSS 让元素内子元素翻转排序

首先需要将目标元素改成弹性盒，将flex-direction的值改成row-reverse。

    display: flex;width: 100%;flex-direction:row-reverse;

flex-direction值的参考

row 默认值。灵活的项目将水平显示，正如一个行一样。
row-reverse 与 row 相同，但是以相反的顺序。
column 灵活的项目将垂直显示，正如一个列一样。
column-reverse 与 column 相同，但是以相反的顺序。
initial 设置该属性为它的默认值。
inherit 从父元素继承该属性。

CSS 让元素内子元素翻转排序相关推荐

CSS回顾总结（二）——伪类、伪元素、子元素和后代元素选择器、盒子模型
目录伪类伪元素子元素和后代元素选择器盒子模型边距边框边框样式内联元素盒子模型伪类伪类:专门用来表示元素的一种特殊状态 * 比如:访问过的超 ...
css块元素,内联元素,内联块元素
一.块元素,内联元素,内联块元素 1.块元素: 也称行元素, 布局中常用的标签如:div,p, h1-h6,ul,li... 支持全部的样式可以设置元素的大小,并且元素是独占一行显示,如果 ...
[css] 当使用opacity时会使得元素的子元素也透明，此时不想要子元素也跟着透明怎么办？
[css] 当使用opacity时会使得元素的子元素也透明,此时不想要子元素也跟着透明怎么办? 当父元素使用opacity时,子元素也会继承该透明度,即使重新设置透明度也不行.楼上的两种方法要么是放弃 ...
[css] css中padding和margin是相对于父元素还是子元素呢？
[css] css中padding和margin是相对于父元素还是子元素呢? padding就是往自己身体里塞东西(盒子里面),margin就是穿衣服(盒子外面). ==>padding相对于子 ...
[css] 父元素下有子元素，子元素也有高度但父元素的高度为何为0呢？分析下可能出现的原因及解决方法
[css] 父元素下有子元素,子元素也有高度但父元素的高度为何为0呢?分析下可能出现的原因及解决方法父元素塌陷父元素在文档流中高度默认是被子元素撑开的,当子元素脱离文档流以后,将无法撑起父元素的高度 ...
CSS中的块元素,内联元素,内联块元素
块元素,内联元素,内联块元素元素就是标签,布局中常用的有三种标签,块元素.内联元素.内联块元素,了解这三种元素的特性,才能熟练的进行页面布局. 块元素块元素,也可以称为行元素,布局中常用的标签如: ...
html后代选择器和子代选择器,CSS后代选择器与子元素选择器的区别
今天在看css基础的时候,发现了一个很有趣的事情,那就是后代选择器与子元素选择器. 说来也惭愧,我以前一直以为,这俩是同一个东西,只是叫法不同而已,后来才发现,原来这俩是两个不同的东西. 后代选 ...
深入理解CSS之如何使子元素撑宽设置了 block 的父元素
深入理解CSS之如何使子元素撑宽设置了display: block; 的父元素先写一个模板,晚点再吐槽吐槽实现原理与更多支持的属性不想使父级的块属性消失怎么办这种属性规则有什么作 ...
前端----CSS 父元素在子元素之上显示
今天做练习想让父元素在上覆盖子元素的边框, 在网上查了些资料, 发现了一种办法能让父元素靠上显示, 把子元素的z-index值设为负数 (position不能是默认值,z-index对定位属性生效) ...
父元素浮动子元素会浮动吗_为什么quot;overflow:hiddenquot;能清除浮动的影响
来源 | https://www.jianshu.com/p/7e04ed3f4bea 我们都知道"overflow:hidden"可以溢出隐藏,即当内容元素的高度大于其包含块的高 ...

CSS 让元素内子元素翻转排序

CSS 让元素内子元素翻转排序相关推荐

最新文章

热门文章