【问题标题】:Column-Count: auto CSS makes images disappear after 1 columnColumn-Count:自动 CSS 使图像在 1 列后消失
【发布时间】:2014-11-02 20:00:34
【问题描述】:

我目前只是尝试使用以下代码创建一个响应式模型,它在移动布局中作为单列看起来很好,但一旦它达到足够大的分辨率以容纳 2 或 3 列图像和按钮除非它们仍在第一列,否则右上角会消失。任何帮助将不胜感激。我这里有个小提琴:http://jsfiddle.net/d6rs4abw/1/

这是我正在与之抗争的主要领域,但我可能在其他地方错了,这会影响我的整体 css

提前感谢您提供的任何帮助,这是我做过的第一批布局之一,所以请放轻松

  ul#products {
margin:1em 0;
padding-left:1em;
-webkit-column-count:auto;
-webkit-column-gap:2.5em;
-webkit-column-width: 310px;
}

【问题讨论】:

    标签: html css image multiple-columns


    【解决方案1】:

    查看动画属性,例如为.flipface 设置的-webkit-backface-visibility: hidden;:看起来这个属性会导致不可见。

    【讨论】:

    • 这些属性用于翻转框内的图像,无助于将图像带回来
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-12-10
    • 1970-01-01
    • 2013-11-16
    • 2012-03-03
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多