我在試圖定製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