我想水平共享此課程圖標下的圖標,它工作在側邊欄但不是我的內容。有什麼建議?這裏如何水平對齊社交圖標
-1
A
回答
1
在側邊欄的圖標
例子是向左浮動。
一個解決辦法是增加浮體的規則:留給.widget裏選擇,像這樣:
.widget li { float: left; }
你可以然後用填充或餘量規則添加的每個圖標之間的間隔所需量。可以使用flexbox。在這種情況下你會做什麼是使社會顯示的類ul:flex和添加justify-content的額外規則,以圖標一些水平間距。這樣的事情:
ul.socials { display: flex; justify-content: space-around; }
我喜歡後者的解決方案,因爲它需要照顧爲你隔開圖標。
0
的可能的方式來實現這一目標之一是通過使用浮動
.display_inline li {
float: left; // inline elements in left
margin: 10px; //to create some space between the icons
}
相關問題
- 1. 水平對齊社交圖標
- 2. 如何水平對齊社交分享按鈕?
- 3. CSS線,與社交圖標對齊
- 4. 在Tumblr上水平對齊社交媒體按鈕
- 5. Highcharts圖例標題水平對齊
- 6. 對齊圖片 - 水平對齊
- 7. 圖片庫水平對齊
- 8. 水平對齊
- 9. 水平對齊
- 10. 如何水平內嵌徽標和社交媒體
- 11. 如何在3列內水平對齊圖片及其標題
- 12. 導航欄水平間距中的社交媒體圖標
- 13. WPF:水平對齊
- 14. 水平對齊div
- 15. XAML水平對齊
- 16. 水平線對齊
- 17. UICollectionView水平對齊水平滾動
- 18. 對齊的標籤和水平與CSS
- 19. 你如何水平對齊提交按鈕?
- 20. 如何水平對齊元素?
- 21. 如何水平對齊兩個按鈕
- 22. 如何水平對齊我的div?
- 23. 如何水平對齊一組按鈕
- 24. 如何將2個SCNNode水平對齊?
- 25. 如何水平對齊這些div?
- 26. 如何水平對齊兩個div?
- 27. 如何水平對齊項目
- 28. 如何水平和垂直對齊?
- 29. 用html水平對齊圖像
- 30. 無法對齊圖像水平居中
我們需要一段代碼來了解你的問題,不是都不可能幫你解決吧! –
這裏的問題究竟是什麼?是否圖標的默認行爲是垂直換行? – JSideris