Html 包装最后一行中的flex项目
我有一个Html 包装最后一行中的flex项目,html,css,flexbox,Html,Css,Flexbox,我有一个img图库,现在正正确地集中。问题是,当图像换行到新行时,它也与中心对齐。包装后,图像应与前一行中的第一个图像垂直对齐 .gallery-links {justify-content: flex-start;} 这几乎解决了这个问题。但在图像包装后,整个img画廊并不集中。请参阅和代码片段: 。库链接{ 显示器:flex; 柔性流:行换行; 证明内容:中心; 对齐项目:居中; } .画廊图片{ 弹性基准:300px; 利润率:10px; } .画廊图片{ 宽度:100%; } Fl
img图库
,现在正正确地集中。问题是,当图像换行到新行时,它也与中心对齐。包装后,图像应与前一行中的第一个图像垂直对齐
.gallery-links {justify-content: flex-start;}
这几乎解决了这个问题。但在图像包装后,整个img画廊
并不集中。请参阅和代码片段:
<代码>。库链接{
显示器:flex;
柔性流:行换行;
证明内容:中心;
对齐项目:居中;
}
.画廊图片{
弹性基准:300px;
利润率:10px;
}
.画廊图片{
宽度:100%;
}
Flexbox无法解决此问题:
因此,问题是,如果使用您不想要的justify content:center
,最后一行将居中,如果使用flex start
对齐,则flexbox
的右侧将有一些空间
全屏查看下面的代码片段,这样您可以在一行中看到两个图像,并查看最后一个图像
justify content:center
,最后一幅图像未向左对齐:
.gallery链接{
显示器:flex;
柔性流:行换行;
证明内容:中心;
对齐项目:居中;
边框:1px实心;
}
.画廊图片{
弹性基准:300px;
利润率:10px;
}
.画廊图片{
宽度:100%;
}
你能给我一张你的截图吗expecting@Temani请不要再有倒退战争了。有人跟编辑谈过编辑的事。让它平息下来,如果它继续下去,我们将采取行动。@YvetteColomb我是这场战争的旗手,因为我对改进问题的逻辑编辑每次都会被回滚。你也做了和我一样的编辑,应该做什么。[我还删除了与此无关的css网格标记]。。我们希望它不会卷土重来again@TemaniAfif如果您回滚一个编辑,而另一个人回滚它,只需升起一个mod标志,而不是进行回滚战。@YvetteColomb已经做了很多时间,而且在这个问题上也做了很多。。它被标记为有用,所以我认为问题已经解决(联系了编辑),如果我再次编辑它,它将不会回滚,但不幸的是没有。。所以我又打了个旗子。让我们希望这会停止,因为有很多问题需要编辑,老实说,每次同一个用户回滚我的编辑时都要标记是没有意义的。[我们也删除这些评论,因为它们与问题无关]请不要在标题中添加解决方案,这没有意义。还有,别再搞退却战了。是的,我明白了,我们已经在另一个帖子里讨论过了,谢谢