Question

我很沮丧:(我已经生病了一段时间，现在“新年快乐”，我的客户打电话给我，让我知道他网站上的画廊的寻呼机坏了。

我已经能够修复它的大部分并恢复原样，但是我可以让它按原样水平显示。

涉及的代码不多，但无论我尝试什么，我都要将它们全部分开（例如更改“display：block”或保持垂直

.go-gallery img,
.go-gallery a { border: none; display: block; margin: 0; padding: 0; }

.go-gallery.gog-dots { padding: 0 0px; position: relative; }
.go-gallery.gog-dots .pager {background: rgba(0,0,0,.6);left: 20px;padding: 5px         10px;position: absolute;top: 352px;z-index: 999; height:20px;}
.go-gallery.has-pager .pager {left: 0px;}
.go-gallery.gog-dots 
.pager a {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius:   3px;background: #969696;height: 0;overflow: hidden;outline:     none;padding: 6px 0 0 0;width: 6px; margin-top:6px;}.go-gallery.gog-dots .pager a.activeSlide { background: #fff;}
.go-gallery.gog-dots .pager a:first-child { margin: 0; margin-top:6px;}

Answer 1

只需将寻呼机元素向左浮动并在它们之间添加一些边距，如下所示：

.go-gallery.gog-dots .pager a {
  float:left;
  margin:6px 10px 0;
}

另外，注释掉这一行，这样你的第一个元素就像其他元素一样正确堆叠。

.go-gallery.gog-dots .pager a:first-child { ... }

寻呼机决定从水平切换到垂直

1 个答案: