密集排列技巧

要让灰色的字不出现词组内折行,给它们赋inline-block,不定宽,定横向间距

橘色的字要让右端灰字对齐,要给其赋宽度。

但这在ie7下不可以。ie7要添加*display:inline才可以让块级元素呈现行内效果,但其width失效。

 

所以要在ie7下,用float。

设橘字和灰字为一个wrap div。橘子float left,灰字div float left。wrap div clearfix

这时候,设wrap之间的间距,用margin没用,不懂为什么

用padding就可以。

posted @ 2014-09-23 10:48  欧欧欧子  阅读(445)  评论(0)    收藏  举报