Html 如何使用flexbox将图像下的文本与相同高度对齐?
我有两个并排的图像,我想使用flexbox使其具有相同的高度,并且我想对齐图像下的文本。有人能帮帮我吗 这是我的代码:Html 如何使用flexbox将图像下的文本与相同高度对齐?,html,css,flexbox,grid,Html,Css,Flexbox,Grid,我有两个并排的图像,我想使用flexbox使其具有相同的高度,并且我想对齐图像下的文本。有人能帮帮我吗 这是我的代码: .行{ 显示器:flex; } .细胞免疫球蛋白{ 宽度:150px; } 特色功能允许用户搜索音乐艺术家并查看他们合作过的合作者列表 特色功能允许用户搜索音乐艺术家并查看他们合作过的合作者列表 您可以不提供高度百分比,因此可以以像素为单位 您的案例您可以尝试:- .wp-block-image img{ width:100%; height:3
.行{
显示器:flex;
}
.细胞免疫球蛋白{
宽度:150px;
}
特色功能允许用户搜索音乐艺术家并查看他们合作过的合作者列表
特色功能允许用户搜索音乐艺术家并查看他们合作过的合作者列表
您可以不提供高度百分比,因此可以以像素为单位
您的案例您可以尝试:-
.wp-block-image img{
width:100%;
height:320px;
object-fit:cover;
}
此代码将解决您的问题将外部元素设置为固定高度,并使图像高度保持100%
.wp-block-image{
width:100%;
height:320px;
}
请添加屏幕截图,在您的代码图像在相同的高度!