亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

其他 div 元素內的響應 div 元素

其他 div 元素內的響應 div 元素

海綿寶寶撒 2021-11-25 16:39:26
我在主 div 元素中有兩個 div 元素,我希望這兩個 div 向左浮動并對齊主 div 的中心。像這樣的東西。[ main div        [div1][div2]       ]我已經成功地浮動了兩個 div,但我未能在兩側分配空間。我的意思是說將它們居中對齊。代碼浮動左CSS.container{    width:100%    height: auto;} .img{    width:auto;    height:auto;    float:left;}.data{    width:auto;    height:auto;}html code<div class="container">    <div class="img"> image goes here</div>    <div class="data">data goes here</div></div>
查看完整描述

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>


查看完整回答
反對 回復 2021-11-25
?
神不在的星期二

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;

 }


查看完整回答
反對 回復 2021-11-25
  • 2 回答
  • 0 關注
  • 276 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號