我在试图定制jekyll主题的杂草中有点迷失。我的存储库是capecchi.github.io,我试图让一些菜单图标居中。我已经研究过如何做到这一点,并已成功获得博客/项目按钮居中,但由于某种原因,我的社交按钮稍微偏离右侧。我能看到的唯一添加的类(在header.html中)是“导航 - 社交”类(在/css/uno.css中定义),并且我无法找到此类中可能定义左边距的位置或任何东西。我是网络开发的新手,并且已经在这方面捅了很长时间(因此我添加了“TESTING”按钮)。我只是坚持找到这个抵消来自哪里,并会欣赏任何输入。谢谢!居中菜单按钮
Q
居中菜单按钮
0
A
回答
0
.navigation--social
(uno.css 1391行)有1.5em的余裕。
实际上,删除这个边距会使按钮居中,但不完美,因为.navigation__item
(uno.css行1376)有另一个边距。您应该放置等量的余量或删除余量 - 右键以获得完美居中的按钮。
我通过使用Firefox的督察发现了这一点。大多数浏览器都带有此功能,您可以通过右键单击页面并从上下文菜单中选择“检查元素”来打开它。
Screenshot of the inspector window showing the margins and the offending styles.
+0
谢谢!这非常有用 - 我不仅解决了这个问题,而且现在我知道如何在未来追踪问题时更有效率!我觉得你今天教我如何钓鱼。 – user7828298
相关问题
- 1. 菜单按钮居中css下拉菜单
- 2. 菜单按钮
- 3. 居中子菜单
- 4. Cocos2d中的菜单按钮
- 5. XNA中的菜单按钮
- 6. Gmail菜单按钮
- 7. 按钮菜单Android
- 8. 以菜单按钮
- 9. 居中的CSS菜单与子菜单
- 10. div中的居中按钮
- 11. 按下菜单按钮后jQuery侧边栏sildes按下菜单按钮后
- 12. 居中菜单左对齐
- 13. 居中导航菜单
- 14. 居中这个菜单
- 15. 居中我的菜单
- 16. 居中导航菜单
- 17. 如何居中该菜单?
- 18. CSS如何居中菜单
- 19. 如何居中按钮框?
- 20. 我不能居中按钮
- 21. Bootstrap,表,居中按钮
- 22. 居中jquery-ui按钮
- 23. 居中按钮的形式
- 24. 居中按钮或图像
- 25. 无法居中按钮
- 26. 菜单按钮不工作?
- 27. 按钮和滑动菜单
- 28. 空白菜单按钮
- 29. 菜单按钮Opencart的PHP
- 30. jQuery的按钮菜单
我也补充一点,我发现“的.navigation - 社会”的7个实例在文件/css/uno.css,没有别的地方。但是,更改这些参数似乎对布局没有影响。例如,uno.css的第1391-1392行包含以下内容: .navigation - social { \t margin-left:1.5em; } 在我看来,这似乎是一个可以去除不需要的左边距的地方。但改变这似乎没有效果。难住了。 – user7828298