我認為這就是你要找的 – > (查看后面的片段)

>如果要移動A,D并在它們之間創建空格,最好的選擇是使用flexBox屬性.

>鏈接A,D未正確顯示,因為您使用位置：固定在li標簽上,將它們全部放在同一個小空間中.

>如果要將鏈接放在圓圈內,只需在A標記中添加邊框和邊框半徑即可.

> [EDIT]顯示：錨標簽上的flex是設置A,D字母

完美地在圓圈的中心.我認為這種方法更多

比別人更可靠實現它.

> [編輯]如果您想移動整個列表而不是在左側移動,請記住您只需將display：flex應用于.navig類并使用justify-content和align-items屬性.

CCS和HTML(HTML保持不變)

.navig li {

list-style-type: none;

margin: 30px 0;

}

.navig a {

display: flex;

justify-content: center; /*flex property to center horizontally*/

align-items: center; /*flex property to center vertically*/

width: 50px;

height: 50px;

border: 1px solid black;

border-radius: 50%;

text-decoration: none;

color: black;

}

ul,li,a {

margin: 0;

padding: 0;

}@H_404_8@

404_8@

總結

如果覺得編程之家網站內容還不錯，歡迎將編程之家網站推薦給程序員好友。

本圖文內容來源于網友網絡收集整理提供，作為學習參考使用，版權屬于原作者。

小編個人微信號 jb51ccc

喜歡與人分享編程技術與工作經驗，歡迎加入編程之家官方交流群！

總結

以上是生活随笔為你收集整理的html二级导航栏随一级居中,html – 1.在css中链接不起作用2.如何垂直居中导航栏并在每个导航栏上添加填充...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。