我希望我的徽標位于左側或使用 flex-start，但它根本不動？
這是
html 和 css的截圖
https://codepen.io/medovanx/pen/zYERajx
header img {
height:65px;
display: flex;
justify-content: flex-start;
}
uj5u.com熱心網友回復：
您將標題 img 宣告為 flex-Container。這意味著 header img 中的所有內容都將位于 header img 的開頭。
header img 位于 header 內部，它本身是一個 flex-Container，它告訴它的所有子項都是justify-content: flex-end;.
作為 header 的子級，header img 將遵守其父級的規則。
如果您希望標題 img 位于左側，其余部分位于右側，則可以將所有想要位于右側的標題子項包裝在另一個 div 中，并將標題的 justify-content 設定為justify-content: space-between;.
這樣，header 的所有直接子級將被盡可能地推開，因為現在它只有兩個子級：header img 和包含其他所有內容的新創建的 div。如果您現在希望第二個孩子的內容排成一行，您只需給 div 一個display: flex;. 您不需要特定行，因為這是默認的 flex-direction。
這是一個示例： Codepen 示例
div.parent {
display: flex;
justify-content: space-between;
}
div.child-2 {
display: flex;
}
uj5u.com熱心網友回復：
header .github {
margin-right: auto;
}
uj5u.com熱心網友回復：
像這樣的事情應該可以解決問題：
header .github {
margin: 0 auto 0 0;
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/398093.html
上一篇：使懸停停留在從它出現的元素上
下一篇：單擊按鈕時如何更改css屬性？