這個問題在這里已經有了答案：
![如何使影像在串列項中居中？[復制]](https://img.uj5u.com/2021/12/07/e107ba07dd3d4041b2f095fa611fdbf0.png)
如何將房子居中以與文本 Home 對齊？
<nav class="main-nav nav">
<img src="img/logopng.PNG" class="nav-img">
<ul>
<li class="align-li-nav">
<img src="img/house_48px.png" class="nav-li-img"><a href="" class="nav-text">Home</a>
</li>
uj5u.com熱心網友回復：
ul { list-style: none; }
ul li {
display: flex;
align-items: center;
}
ul li img { max-width: 50px; height: auto; }<ul>
<li><img src="https://static.thenounproject.com/png/77002-200.png" /><a href="#">Home</a>
</ul>li {
display: flex;
align-items: center;
}
您可能需要放置 display: block; 在 a 標簽上，但這應該有效
uj5u.com熱心網友回復：
你可以使用 Flexbox 做到這一點。
.align-li-nav {
display: flex;
align-items: center;
}
https://www.w3schools.com/css/css3_flexbox.asp
flexboxfroggy.com 是一個學習如何使用 Flexbox 的好游戲
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/375058.html
上一篇：在rmarkdown中將背景顏色從blockquote更改為blockquote
下一篇：我無法更改輸入的背景顏色