Re: [問題] 圖在右下方的文繞圖
※ 引述《JYHuang (夏天到了,冷不起來了說)》之銘言:
: 內文內文內文內文內文
: 內文內文內文內文內文
: 內文內文內文┌──┐
: │ │
: 內文內文內文│ 圖 │
: │ │
: 內文內文內文└──┘
: 如果是用
: <div>
: 內文..
: <img style="float:right">
: </div>
: 並不會有文繞圖的效果
: 如果是用
: <div>
: <img style="float:right">
: 圖片會在右上角
: </div>
: 試著用
: <div style="position:relative">
: <img style="position:absolut ; bottom:0px ; right:0px ">
: 內文
: </div>
: 圖會把文蓋過去..
: 還有什麼方式呢?謝謝
基本上 只用css不可能
讓我們來看一下需要什麼條件...
內文: 位於左上 → 父元素左側和上方的位置
圖片: 位於右下 → 父元素右側和下方的位置
內文與圖片會互動 → 將兩者視為一體
所以需要知道父元素的上下左右 → 也就是寬和高
如果只是一篇文章 你可以計算內文和圖片
然後設定父元素的大小
問題是
如果想要設計一套模版套用所有文章
因為內文字數會變動(圖片大小可能也會變)
父元素的大小也就會改變
所以不可能達成
建議原po還是用JS或jQ 只用css的話就要有所取捨
--
上帝又命令... [照著自己的形象造人] ◢ ˇ ◥ 三 西西 位
▃▃▃▃▃ 發發發中白白白
四組面子加一組雀頭... 依照神的形象創造的生物 ◣ ◤ 中
也就是人類 ◥▂) (▂◤ 一 /中\ 體
讓他們支配一切... ╭∪╮ 鳥鳥鳥
http://thisblogexist.pixnet.net/blog 這是第六天 ◥│︹│◢ 大 //三\\ 元
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 175.182.204.222
討論串 (同標題文章)