Gallery图像在IE中换行,但在其他浏览器中不换行



情况如下:我的WordPress库在Firefox、Safari等中看起来不错,但在IE(Windows下)上运行时,库中的最后一个图像会换行到下一行。

到目前为止,我已经尝试过调整图库宽度、填充、内联、块和更改列数,但都无济于事。这一排有足够的空间来放置图像。

以下是我认为相关的CSS位:

#gallery-1 {
   float: right;
   height: 70px;
   margin: 1px;
   padding-bottom: 20px;
   width: 480px;
}
.gallery-icon {
   width: 55px;
   padding: 3px;
   margin: 0;
   float: left;
}
.gallery-columns-7 {
   padding: 0;
   margin: 0;
}
.gallery-item { 
   float: left;
   margin: 3px;
   padding: 0 2px 0 0;
   width: 55px;
}

有人有什么想法吗?

修复此

<dl class="gallery-item">
{
 margin-right: 3px;
 margin-left: 3px;
}

要么将其更改为1px,要么删除它们,要么只删除styles.css行1219 中的左右边距

尝试在.gallery-item类中设置overflow: hidden;

最新更新