Flex - 控制最后一行 [英] Flex - controlling the last row
问题描述
这是我要处理的问题。
http://codepen.io/anon/pen/KpoKNW
Here is an issue I'm dealing with. http://codepen.io/anon/pen/KpoKNW
正如你可以看到的最后一个元素是一个 .fill
类元素。如果您慢慢缩放页面,您会看到所有其他项目(最后一行项目除外)会相应更改大小,但最后一行会固定为50像素。
As you can see last element is a .fill
class element. If you scale the page slowly you will see that all other items (except the final row items) change size accordingly, however final row is fixed to 50px.
我想要的是,所有项目的行为相同的方式。
What I want is, all items behaving the same way. Can this be done in css-only?
推荐答案
那么,如果你对使用百分比宽度感到满意,那么你可以使用:
Well, if you're happy with using percentage widths, then you could use:
* {
margin: 0;
padding: 0;
/*box-sizing: border-box;*/
}
#wrap {
display: flex;
flex-direction: row;
justify-content: flex-start;
flex-wrap: wrap;
align-items: flex-start;
align-content: flex-start;
}
.item {
width: 10%;
min-width: 50px;
}
@media (max-width: 500px) {
.item {
width: 20%;
}
}
@media (max-width: 267px) {
.item {
width: 50%;
}
}
@media (max-width: 125px) {
.item {
width: 100%;
}
}
img {
width: 100%;
height: auto;
display: block;
}
<div id="wrap">
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
</div>
这里,是你可以通过使用@media查询来定义在不同的屏幕宽度的每行你想要的项目。
The nice thing here, is that you can define how many items you want per row in different screen widths by using @media queries.
但是,为此,你可以以及避免使用flex :
body {
margin: 0;
padding: 0;
}
.item {
width: 10%;
min-width: 50px;
float: left;
}
@media (max-width: 500px) {
.item {
width: 20%;
}
}
@media (max-width: 267px) {
.item {
width: 50%;
}
}
@media (max-width: 125px) {
.item {
width: 100%;
}
}
img {
width: 100%;
vertical-align: top;
}
<div id="wrap">
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
<div class="item">
<img src="http://www.zenimax.com/jpn/fallout3/images/avators/100x100falloutav-vb.gif">
</div>
</div>
这篇关于Flex - 控制最后一行的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!