作者yuxio (没吃到)
看板Blog
标题Re: [问题] 图文的排版问题
时间Wed Sep 28 07:13:23 2005
※ 引述《iCross ()》之铭言:
: 目前想贴一篇下面样子的文章
: █████ 文字一
: █████ 文字二
: ██图██ 文字三
: █████
: █████
: █████ 文字一
: █████ 文字二
: ██图██ 文字三
: █████
: █████
: 虽然用blogger图片上传功能传上去可以让图在左边
: 但是由於文字只有三行
: 会变成下面这样
: █████ 文字一
: █████ 文字二
: ██图██ 文字三
: █████
: █████ █████ 文字一
: █████ 文字二
: ██图██ 文字三
: █████
: █████
: 有没有什麽比较好用的排版方式可以用呢
: PS.试过表格
: 但是不知道为什麽多一个 <tr> 标签
: 整个table就和上一段多空一行
: 最後变成表格和上一段的距离超远...(有人听的懂我在说什麽吗)
: 拜托强者帮帮忙吧 感谢
我跟你有一样的问题,刚刚看到推文中有人提到 clear 这个属性,
去查了定义试了一下,终於找出方法:
<img src="
http://www.some.where/picture01.jpg" style="float:left">
文字一<br>文字二<br>文字三<br>
<img src="
http://www.some.where/picture02.jpg" style="float:left;
clear:left">
文字一<br>文字二<br>文字三<br>
重点在於第二个 img 内的 "clear:left"
这个属性的意思是
如果左边有浮动元件的话,此元件便移到该浮动元件下方。
而 "float:left" 则是将所属元件指定为浮动性质。
大概是这样,如果有说错的地方还请不吝指教。
--
http://yuxioz.blogspot.com/
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 203.73.237.165
1F:推 iCross:真的可以用耶~~ 大感谢..... 09/28 17:00