向 GitHub 致敬,但为什么这个 DIV 的 css 属性要向左偏移?

2018-11-07 17:01:23 +08:00
 proofreading
为了向 GitHub 致敬,把页面中的背景图换成了方格的样式。

在页面底部,模仿 GitHub contributions 的格式做了一个:(参考网上的例子)

但是为什么 div graph_github_jcjc,要向左偏移: -35px 才能对齐呢?


具体的页面: http://www.CuoBieZi.net


页面中对应的具体代码:

.graph_github_jcjc {
padding-left: -35px;
margin-left: -35px;
}

如果不写向做偏移, 这个会向右偏移 35px。


提前谢谢大家 :-)
1426 次点击
所在节点    问与答
2 条回复
phpcxy
2018-11-07 17:12:20 +08:00
ul 的默认缩进,建议你样式 reset 下啦~
witcat
2018-11-07 17:16:21 +08:00
把.squares 设置成 padding:0;也可以

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/505456

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX