作者dementia (妖精尾巴魔导士)
看板Web_Design
标题Re: [问题] 图在右下方的文绕图
时间Sun Jun 30 12:53:44 2013
※ 引述《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