css定义导致图片循环错位的问题
作者:雅虎
来源:动易论坛
点击数: 次
发布时间:2008年04月19日
问题:在这里“快乐成长”栏目中的图片css应该怎么写?一开始写好了,但加文章的时候就乱了。
解决:看您网站的源代码:
-
彭妍妍:
-
彭妍妍:
……
您这里是利用li的宽度控制来实现图片左右排列循环的,但是,li在高度上有差异时,就会出现上述图片中错位的现象(如您现在的标题中的文字“彭妍妍:”与“11111111”的高度在浏览器中解析就会有差异)。
因此,解决您的问题很简单,只要使浏览器让循环的li解析出相同的高度即可。您可以用下面的方法解决您的问题:
1、可以定义控制标题的CSS“pe_u_thumb_title”有相同的高度。
2、可以定义li有相同的高度。
如:
.pe_u_thumb_title{
height: auto !important;
height: 24px;
min-height: 24px;
}