whtsky/Gather

分页项样式和点击范围

Closed this issue · 13 comments

nc7s commented

分页项只能点击文字,线框围起来的部分点不了。

.pagination a {
  margin: xx%;
}

这样a占据整个框子,都可以点击了。

没看懂

nc7s commented

@whtsky 再看

挺好理解的啊

@JmPotato 你这是没看到第一版..

这个完全没思路- -

nc7s commented

@whtsky 我写的时候都是让a撑满li。

.pagination li {
  width: 3em;
  height: 2em;
}
.pagination a {
  width: 100%;
  height: 100%;
}

@zorceta 我说颜色

nc7s commented

@whtsky a的文字?a的边框?li的边框?li的背景?

@zorceta 都要

nc7s commented

@whtsky ←_←

.pagination li {
  border: solid #000 1px;
  background-color: #eee;
}
.pagination a {
  font-family: Georgia, Arial, sans-serif;
  border: solid #111 1px; /* why a border after li border */
}

其实不要边框更好看。。

nc7s commented

@oyiadin 风格嘛