我在试图定制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. 试图居中菜单按钮
- 2. 菜单按钮居中css下拉菜单
- 3. 居中菜单
- 4. 居中菜单
- 5. 菜单按钮
- 6. CSS:居中菜单
- 7. 居中子菜单
- 8. GridLayout中的居中单选按钮
- 9. Cocos2d中的菜单按钮
- 10. XNA中的菜单按钮
- 11. NoActionBar菜单按钮
- 12. Gmail菜单按钮
- 13. 按钮菜单Android
- 14. Cocos2D菜单按钮
- 15. 以菜单按钮
- 16. 如何居中文本单选按钮
- 17. Android长按菜单按钮
- 18. 居中的CSS菜单与子菜单
- 19. 居中DIV中的按钮
- 20. div中的居中按钮
- 21. 按下菜单按钮后jQuery侧边栏sildes按下菜单按钮后
- 22. Bootstrap 3 navbar居中菜单
- 23. 居中导航菜单
- 24. 居中导航菜单
- 25. 如何居中ul菜单?
- 26. 居中这个菜单
- 27. 如何居中该菜单?
- 28. 居中页脚菜单
- 29. 下拉菜单不居中
- 30. 用CSS居中菜单栏
我也补充一点,我发现“的.navigation - 社会”的7个实例在文件/css/uno.css,没有别的地方。但是,更改这些参数似乎对布局没有影响。例如,uno.css的第1391-1392行包含以下内容: .navigation - social { \t margin-left:1.5em; } 在我看来,这似乎是一个可以去除不需要的左边距的地方。但改变这似乎没有效果。难住了。 – user7828298