关于CSS3元素对齐的问题

如何让1、2和3的底部对齐？
他们是flex布局

图片说明

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除
收藏举报

4条回答

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
DancingRobot 2019-09-01 10:23
关注
https://css-tricks.com/almanac/properties/v/vertical-align/

各种对齐模式都有，中间有HTML和CSS的代码示例

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

报告相同问题？

关注问题

关于前端3d透视的问题 css3 前端
2023-02-25 13:30

回答 2 已采纳该回答内容部分引用GPT，GPT_Pro更好的解决问题CSS3的3D透视，要通过设置父盒子的perspective属性来实现，而不是当前盒子上。这是因为，当一个元素被设置为3D空间时，该元素所有的子元
关于Css3 3d翻转的问题 css3 html5
2019-06-03 10:59

回答 1 已采纳我特意去写了个demo，你看下，重点属性有注释。 ``` 3D盒子旋转Demo
关于CSS卡片布局的问题 css css3 前端
2022-04-01 23:35

回答 2 已采纳宽度给百分比就可以了
CSS 实现行内和块级元素对齐
2021-07-20 15:37

eason_ylf的博客在实际的页面元素中，有很多时候，行内和块级元素是混存的，而又需要让他们在一行整齐排列，所以，需要行内和块级元素水平居中对齐。 <section> <div>张三三</div> <div>20岁</div>...
关于前端css的设置问题 css html
2023-01-05 10:19

回答 2 已采纳你如果只用css实现的话，划过的时候给个背景图不就行了
Css3文字渐变样式问题 css css3 前端
2022-12-13 00:08

回答 1 已采纳自2017年以来，WebKit Bugzilla上有一个尚未解决的公开问题：background-clip:text不适用于display:flex。苹果已经忽视这个错误4年了，它可能永远不会被解决。
css3:多个元素先后循环使用animation css3 vue.js 前端
2022-12-26 18:06

回答 1 已采纳动态修改class，:class=""，只要控制class变化就行了
前端学习-css图片和文字上下对齐问题
2022-03-28 15:46

想做合格的前端程序员的博客司法鉴定项目中遇到文字和上面的图片无法对齐的问题原因在于按照第一个法院为标准设置了padding-lefft值但是对于别的文字不能居中对齐解决办法是不用padding-left属性 text-align：center; width:父元素宽度; ...
关于前端页面父元素容器自适应问题 css html5
2023-02-12 20:41

回答 1 已采纳以下答案引用自GPT-3大模型,请合理使用：。这个问题比较复杂。先来看一个简单的例子： HTML <!DOCTYPE html> <html> <head&gt
css 图片文字对齐方面的问题 css
2023-03-26 22:55

回答 1 已采纳参考GPT和自己的思路：要实现这个效果，可以在每行创建一个包裹图片和文字的 div 容器，并将该容器设置为 display: flex; align-items: center; 实现垂直居中对齐。然
css前端设计文本垂直居中问题 css html 前端
2022-04-08 14:45

回答 2 已采纳很多办法，最简单是用footer的padding，设置上下一样的padding，他就居中了。行高也可以，但是要多包一层，外层设置为footer高度一样的行高，内存设置为每行固定的一个高度。还有flex
css 设置行内元素顶部对齐
2022-04-07 14:09

骚瑞这是个bug的博客 display: inline-block;vertical-align: top;
css前端设计文本居中问题 css html 前端
2022-04-08 14:21

回答 4 已采纳在span标签外添加center标签
css 底部对齐
2023-01-06 11:00

无声远望的博客你可以使用 CSS 的 display: flex 和 align-items: flex-end 来将元素的底部对齐。示例代码： .parent { display: flex; align-items: flex-end; }
css中的伪元素、基线对齐、盒子模型
2022-06-02 09:00

yoghurt&girl的博客目录一、伪元素二、基线对齐三、盒子模型 1、外边距margin ...一、伪元素 ...说明：伪类元素使用两个冒号（：：）而不是一个...：：first-line——在元素的第一行文字使用CSS样式：：first-letter——在元素的首.
没有解决我的问题, 去提问

悬赏问题

¥15 执行 virtuoso 命令后，界面没有，cadence 启动不起来
¥50 comfyui下连接animatediff节点生成视频质量非常差的原因
¥20 有关区间dp的问题求解
¥15 多电路系统共用电源的串扰问题
¥15 slam rangenet++配置
¥15 有没有研究水声通信方面的帮我改俩matlab代码
¥15 ubuntu子系统密码忘记
¥15 保护模式-系统加载-段寄存器
¥15 电脑桌面设定一个区域禁止鼠标操作
¥15 求NPF226060磁芯的详细资料