css 此代码将删除WordPress库图像周围的边框,并将布局模型更改为CSS flexbox。

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 此代码将删除WordPress库图像周围的边框,并将布局模型更改为CSS flexbox。相关的知识,希望对你有一定的参考价值。

.gallery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.gallery br {
	display:none;
}

.gallery-item {
    -ms-flex-preferred-size: 16%;
        flex-basis: 16%;
    margin: 0 !important;
}

@media only screen and (max-width: 760px) {
  body .gallery-item {
      -ms-flex-preferred-size: 32%;
          flex-basis: 32%;
  }
}

.gallery-item img {
    border: none !important;
}

以上是关于css 此代码将删除WordPress库图像周围的边框,并将布局模型更改为CSS flexbox。的主要内容,如果未能解决你的问题,请参考以下文章

使用过滤器(或 jquery)删除 Wordpress 图像周围的锚元素

在图像周围添加透明边框

如何在每个 WordPress 帖子图像周围添加 div 并检索悬停图像以进行社交共享?

我需要从我的 wordpress 媒体库中删除重复的图像

如何删除正文周围的边距空间或清除默认 CSS 样式

将 CSS 库集成到 WordPress 中的最简单方法是啥