Question

情况如下：Firefox，Safari等中的my WordPress Gallery looks fine但在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;
}

有人有什么想法吗？

Answer 1

修复此问题

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

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

Answer 2

尝试在overflow: hidden;课程中设置.gallery-item。

Gallery图像包装在IE中，但不包含在其他浏览器中

2 个答案: