网格中如何使图片居中

2021-06-15 21:42:15 +08:00
 xJogger
用网格排版之后,如果图片高度不一致,会出现如下的留白情况,如何能让图片在网格中上下居中,并且让文字在网格底部?

图片:


网页代码:
https://gist.github.com/xJogger/2a4e6a930041bbde72b1011d000ea0d7
532 次点击
所在节点    问与答
2 条回复
wdssmq
2021-06-16 11:21:23 +08:00
Flex · Bootstrap
https://getbootstrap.com/docs/4.0/utilities/flex/

4.0 + 的 bootstrap 好像有 flex 布局了。

Flex 布局教程:语法篇 - 阮一峰的网络日志
http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html
xJogger
2021-06-16 17:09:15 +08:00
@wdssmq 感谢 我试一试

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/783601

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX