在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 圖片文字不再同一行顯示

圖片文字不再同一行顯示

代碼：

<div>
  <div style="display: inline-block;vertical-align: top;">
    <img src="./img/small.png" alt="">
  </div>
  <div style="display: inline-block;vertical-align: top;">
    <p>我曾經(jīng)跨國山和大海，帶你領(lǐng)略冷凍的情懷</p>
    <p>
      <img src="./img/瀏覽.png" alt="">
      <span>瀏覽</span>
      <span>565</span>
    </p>
  </div>
</div>

目前的樣式：
clipboard.png

UI效果圖：

clipboard.png

回答
編輯回答
夢若殤

img 給個寬度 ， float:left ,然后后側(cè)的文字包在一個div中，也給個寬度和float：left，，就可以了

2017年7月2日 08:15
編輯回答
玩控

你設(shè)置了inline-block是想讓他們頂對其，并且成行內(nèi)塊元素，但是看到第二個inline-block元素沒設(shè)置寬度，而文字又較多，所以導致一行放不下圖片和文字的盒子，所以換行了，你給第二個行內(nèi)塊設(shè)置個合適的寬度width = （100% - imgWidth）,應(yīng)該就可以了

2018年5月7日 15:53
編輯回答
影魅

圖片浮動float
文字浮動flaot（記得給寬高）

2018年4月27日 06:31