龙毓七七

关注

html flex布局 一行放多个

龙毓七七

关注

阅读 41

2022-07-14

使用style里的flex属性
默认情况下,一个div独占一行

使用css选择器给外层div加上以下flex属性,则该div的子div可以在同一行中显示,

.runs-paginator-flex-container {
flex: 1 1 auto;
flex-direction: row-reverse;
display: flex;
}
<div className="runs-paginator-flex-container">
<div>1</div>
<div>2</div>
</div>

相关推荐

M4Y

CSS flex布局-解决最后一行元素对齐问题

M4Y 34 0 0

逸省

HTML布局之flex布局

逸省 56 0 0

其生

flex布局列表页(一行内容比较多,长度比较长)

其生 136 0 0

高子歌

多个div在同一行显示

高子歌 77 0 0

书坊尚

Flex布局:Flex布局

书坊尚 145 0 0

爱读书的歌者

CSS 网格布局一行X个排列

爱读书的歌者 11 0 0

尤克乔乔

iOS 多个分区的tableView设置每个分区第一行和最后一行圆角效果

尤克乔乔 78 0 0

深夜瞎琢磨

Flex布局详解(一)

深夜瞎琢磨 81 0 0

凉夜lrs

「第一行代码」第一行Android 代码

凉夜lrs 21 0 0

无聊到学习

微信小程序自定义日历组件及flex布局最后一行对齐问题分析

无聊到学习 88 0 0

精彩评论(0)

0 0 举报