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

Question

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

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

涉及的代码不多，但无论我尝试什么，我都会将其全部破坏（例如更改“显示：块”或保持垂直

.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 { ... }