我有一个简单的问题:我想把一个文本和一个图像放在一行。我试过用display flex,但它总是调整图像的大小,这不是我想要的。
这是我的html代码:
<span class="head_form">
<h3>Neue Einkaufsliste</h3>
<img src="img/close.png" alt="close button">
</span>
这是我的CSS:
.head_form{
display: flex;
flex-wrap: wrap;}
我还想把关闭的imgage放在方框的右边。看起来总是这样:
这可能很容易解决,但我现在很困惑。(感谢您的帮助:)
<div class="flex-layout">
<div class="flex-item"><h3>Neue Einkaufsliste</h3></div>
<div class="flex-item"><img src="img/close.png" alt="close button"></div>
</div>
.flex-layout{
display: flex;
flex-wrap: no wrap;
}
.flex-item img{
width: (**Fixed width**px)
}