2 回答

TA貢獻1793條經驗 獲得超6個贊
如果你寫 text-align:center 到 parent.It 將對齊他們的孩子
謝謝你的評論
.container{
width:100%
height: auto;
text-align:center;
}
.data{
width:auto;
height:auto;
}
<div class="container">
<div class="img"><img src="https://picsum.photos/200/300"/></div>
<div class="data">data goes here</div>
</div>

TA貢獻1963條經驗 獲得超6個贊
您可以將 img 和數據 div 包裝在一個 div 中,然后將該 div 向右浮動 50% 的寬度。我不喜歡使用浮點數;在我看來 flexbox 會是一個更好的選擇,但如果你喜歡浮動,我在下面放了一些代碼你可以試試。
HTML:
<div class="container">
<div class="dataImgContainer">
<div class="img"> image goes here</div>
<div class="data">data goes here</div>
</div>
</div>
在 CSS 表中添加以下內容:
.dataImgContainer {
width: 50%;
float: right;
}
添加回答
舉報