css - 图库图像在 IE 中换行,但在其他浏览器中不换行

标签 css wordpress gallery word-wrap

情况如下:my WordPress Gallery looks fine在 Firefox、Safari 等中,但在 IE(在 Windows 下)上运行时,图库中的最后一张图像换行到下一行。

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

这是我认为相关的 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 行中的右边距或左边距

关于css - 图库图像在 IE 中换行,但在其他浏览器中不换行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6192326/

相关文章:

html - 制作一个事件菜单

php - 使用 CodeIgniter 查询 WordPress 博客

android - 如何从图库中获取图像的图像格式

Android ViewPager 上一页和下一页可见吗?

html - 在关于显示 :inline 的给定答案中混淆某些行

html - 如何使用滚动条的 "display"属性

php - WordPress 数据库错误 - 表 'sq_subscription' 已存在

php - WordPress:为什么在 init 上初始化主类后不能使用 is_user_logged_in() ?

javascript - Wordpress自定义图库设置-条件显示

html - 下拉菜单打不开