小编d3i*_*3im的帖子

使弹性项目兄弟项目具有相同的高度

我有这个简单的例子:

.container {
  display: flex;
  background-color: #ddd;
  align-items: stretch;
}

.logo {}

.text {
  font-size: 300%;
}
Run Code Online (Sandbox Code Playgroud)
<div class="container">
  <div class="logo"><img src="https://via.placeholder.com/103x121.png/ff0" alt="test logo"></div>
  <div class="text">TEXT</div>
</div>
Run Code Online (Sandbox Code Playgroud)

我需要图像获得与右侧同级 div 相同的高度,而不是 vv,即将图像缩小到实际文本高度并保持宽高比。

html css flexbox

4
推荐指数
1
解决办法
2万
查看次数

标签 统计

css ×1

flexbox ×1

html ×1