Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何使用flexbox将图像下的文本与相同高度对齐?_Html_Css_Flexbox_Grid - Fatal编程技术网

Html 如何使用flexbox将图像下的文本与相同高度对齐?

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

我有两个并排的图像,我想使用flexbox使其具有相同的高度,并且我想对齐图像下的文本。有人能帮帮我吗

这是我的代码:


.行{
显示器:flex;
}
.细胞免疫球蛋白{
宽度:150px;
}

特色功能允许用户搜索音乐艺术家并查看他们合作过的合作者列表

特色功能允许用户搜索音乐艺术家并查看他们合作过的合作者列表


您可以不提供高度百分比,因此可以以像素为单位

您的案例您可以尝试:-

 .wp-block-image img{
     width:100%;
     height:320px;
     object-fit:cover;
  }

此代码将解决您的问题

将外部元素设置为固定高度,并使图像高度保持100%

.wp-block-image{
  width:100%;
  height:320px;
}

请添加屏幕截图,在您的代码图像在相同的高度!