怎么用 css 实现文字环绕图片 *四周* 的效果？

水木社区手机版

主题:怎么用 css 实现文字环绕图片 *四周* 的效果？
楼主|Dieken|2010-04-05 03:50:19|只看此ID
网上说的文字环绕图片都是用 float: left 让图片居左，然后文字
靠在图片右侧和下面，并没有环绕图片四周的办法，请问可以用 css
达到这种效果么？

文字文字文字文字文字文字文字文字文字
文字文字 ************** 文字文字文字
文字文字 ** 图片 ** 文字文字文字
文字文字 ************** 文字文字文字
文字文字文字文字文字文字文字文字文字
--
FROM 123.123.6.*
1楼|chumsdock|2010-04-05 09:59:08|只看此ID
配合position:relative; left, top之类的试试。也没别的招了

【在 Dieken (风催草低 - 明月何尝不照人) 的大作中提到: 】
: 网上说的文字环绕图片都是用 float: left 让图片居左，然后文字
: 靠在图片右侧和下面，并没有环绕图片四周的办法，请问可以用 css
: 达到这种效果么？
: ...................
--
FROM 166.111.39.29
2楼|Dieken|2010-04-05 16:17:38|只看此ID
貌似 css 达不到那种效果，relative 的话 img 是行内元素，
左右只能有一行文字，不是 float: left 那样侧面有多行文字。

【在 chumsdock (微笑服务) 的大作中提到: 】
: 配合position:relative; left, top之类的试试。也没别的招了
--
FROM 123.123.4.*
3楼|chumsdock|2010-04-05 18:46:35|只看此ID
看来没什么能用的办法
http://trevordavis.net/play/float-center/image-align-center/
这个解决办法很有喜感

【在 Dieken (风催草低 - 明月何尝不照人) 的大作中提到: 】
: 貌似 css 达不到那种效果，relative 的话 img 是行内元素，
: 左右只能有一行文字，不是 float: left 那样侧面有多行文字。
--
FROM 166.111.39.29
4楼|Dieken|2010-04-05 19:49:09|只看此ID
呵呵，确实很恶搞，这个是手工环绕了，不方便。

http://trevordavis.net/blog/web/why-is-there-no-float-center/
这个有好多评论，没耐心看完，貌似是没有方便的解决办法。

【在 chumsdock (微笑服务) 的大作中提到: 】
: 看来没什么能用的办法
: http://trevordavis.net/play/float-center/image-align-center/
: 这个解决办法很有喜感
: ...................
--
FROM 123.123.4.*
5楼|ttl|2010-04-05 20:43:00|只看此ID
@______@ ...

【在 chumsdock (微笑服务) 的大作中提到: 】
: 看来没什么能用的办法
: http://trevordavis.net/play/float-center/image-align-center/
: 这个解决办法很有喜感
: ...................
--
FROM 123.116.139.*