Board logo

標題: [分享] div的左圖右文或右圖左文示範 [打印本頁]

作者: yyhero18net     時間: 2020-9-16 11:45 AM    標題: [分享] div的左圖右文或右圖左文示範

div的左圖右文或右圖左文示範
演示:模擬屏幕 320 x 200,若x4=1280注意:黃框是主素材div 沒設width height100。
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx 右圖左文
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx 左圖右文


只需設置圖片靠左還是靠右,文字就會自動繼續排列。
參數如下
CODE:  [Copy to clipboard]
<div style="height:100;border: 3px solid yellow;">
  <div style="float:left;width:150px;border: 3px solid red;">
   <div style="float:right;"><img src="../yyhero18net/images/icon/000.gif" border="0"></div>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx 右圖左文</div>
  <div style="float:right;width:150px;border: 3px solid red;">
   <div style="float:left;"><img src="../yyhero18net/images/icon/000.gif" border="0"></div>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx 左圖右文</div>
</div>





歡迎光臨 YyHero18Net 首頁 (http://www.yyhero18net.com/yyhero18net/) Powered by Discuz! 2.5