float:left; 惹的祸

我现在这个风格显示图文时总是文字围在图片旁边,很混乱。
打开style.css看下:

1
2
3
4
/* images and misc. */

img{ border: none; padding: 6px; float:left;  margin-right:10px; }
img a{border:none;}

原来是img标签的

1
 float:left;

惹的祸.去掉它后页面显示正常了。
去掉它:

1
2
3
/* images and misc. */

img{ border: none; padding: 6px; margin-right:10px; }

喜欢这篇文章吗?

请订阅本站 RSS feed填写您的邮件地址,订阅我们的精彩内容:

随机日志

回复 (4)

  1. bolo  / 回复

    一般图文混排我都会用插件来控制img标签的对齐属性和margin

  2. simaopig  / 回复

    float有时候是会有一些让人郁闷的问题的,而且原因不好找。呵呵。

    还有那个overflow也会引起不同浏览器的不同效果,而且很难定位原因。

    相对来讲,float还好些。呵呵。

  3. 卢松松  / 回复

    呵呵 有时候css文件多了 我自己都懒得检查了!

发表评论 修改评论取消编辑

允许使用的标签 - 您可以在评论中使用如下的 HTML 标签以及属性。

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

 :wink:  :-|  :-x  :twisted:  :)  8-O  :(  :roll:  :-P  :oops:  :-o  :mrgreen:  :lol:  :idea:  :-D  :evil:  :cry:  8)  :arrow:  :-?  :?:  :!:

引用通告 (0)

› 尚无引用通告。

开灯
如无法留言,请刷尝试新一下页面~~祝您春节愉快!
×