我是 HTML 新手，正在嘗試從事一個練習專案。我遇到的問題是在頁面 1 的頂部添加 3 個徽標，左側 1 個在中間，1 個在右側。我嘗試遵循以前的方法，例如使用浮動和 flex 方法，但我最終將所有影像并排放置并且無法移動它們的位置，或者只有一個位于另一個下方！我怎樣才能做到這一點？
uj5u.com熱心網友回復：
首先，歡迎來到精彩的 HTML 世界！
這是 HTML
<div class="container">
<img class="logo" src="yourlogo.png"/>
<img class="logo" src="yourlogo.png"/>
<img class="logo" src="yourlogo.png"/>
</div>
和 CSS...
.container {
display: flex;
justify-content: space-between;
align-items: center
}
我可以給你一些學習 Flexbox 的資源！Flex 很棒，你可以很容易地做很多很酷的事情
CSS Tricks 上的 Flexbox 介紹
Flexbox 青蛙（了解 flex 邏輯的小游戲）
uj5u.com熱心網友回復：
您可以使用flex和justify-content來實作這一點
<!DOCTYPE html>
<html>
<body>
<div style="display:flex; justify-content: space-between">
<img src="https://picsum.photos/100/50" />
<img src="https://picsum.photos/100/50" />
<img src="https://picsum.photos/100/50" />
</div>
</body>
</html>轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/404695.html
標籤：