技術問答
技術文章
iT 徵才
Tag
聊天室
2025 鐵人賽
登入/註冊
問答
文章
Tag
邦友
鐵人賽
搜尋
0
如何讓字橫向排列(導航欄)+調整導航欄的每個項目間的間距大小?
javascript
網站
css
CherryYang
2022-05-11 19:16:46
‧
1463 瀏覽
分享至
如何讓字橫向排列(導航欄)+調整導航欄的每個項目間的間距大小?
回答
討論
2
邀請回答
追蹤
檢舉
×
邀請回答
輸入邀請回答者的帳號或暱稱
Loading
找不到結果。
已達邀請上限
邀請回答
{{ result.user.nickname }}
{{ result.user.account }}
已邀請的邦友
{{ invite_list.length }}
/5
取消邀請
{{ invite.nickname }}
{{ invite.account }}
Rafael
iT邦研究生 4 級 ‧
2022-05-11 19:47:14
檢舉
我之前實作時,通常會在li 裡再加個 a tag超連結,因為後面一定會用到~
<ul>
<li>
<a></a>
</li>
</ul>
要橫向的話記得在ul設定display:flex 就會橫向了,個別寬度看你用自動或手動。
自動的話:
ul{justify-content;space-around;} (會自動分配間隔)
手動自己改的話:
ul{justify-content: start, end;}
li{margin: 依照不同單位設定 px, rem vw %} (設定每組的間隔)
px:是絕對單位,是固定長度值
rem: 相對預設值大小
vw: 隨視窗寬度而變
%: 看上一層寬度設多少,繼承多少下來,我通常都用這個因為,上面的body剛好是網頁寬,不像px亂調會有超出畫面疑慮
我之前實作時,通常會在li 裡再加個 a tag超連結,因為後面一定會用到~ <ul> <li> <a></a> </li> </ul> 要橫向的話記得在ul設定display:flex 就會橫向了,個別寬度看你用自動或手動。 自動的話: ul{justify-content;space-around;} (會自動分配間隔) 手動自己改的話: ul{justify-content: start, end;} li{margin: 依照不同單位設定 px, rem vw %} (設定每組的間隔) px:是絕對單位,是固定長度值 rem: 相對預設值大小 vw: 隨視窗寬度而變 %: 看上一層寬度設多少,繼承多少下來,我通常都用這個因為,上面的body剛好是網頁寬,不像px亂調會有超出畫面疑慮
修改
CherryYang
iT邦新手 4 級 ‧
2022-05-11 20:15:28
檢舉
哇!太詳細了吧!謝謝你~~~
哇!太詳細了吧!謝謝你~~~
修改
登入發表討論
熱門推薦
{{ item.subject }}
{{ item.channelVendor }}
|
{{ item.webinarstarted }}
|
{{ formatDate(item.duration) }}
直播中
立即報名
尚未有邦友回答
立即登入回答
iThome鐵人賽
參賽組數
902
組
團體組數
37
組
累計文章數
19750
篇
完賽人數
529
人
看影片追技術
看更多
{{ item.subject }}
{{ item.channelVendor }}
|
{{ formatDate(item.duration) }}
直播中
熱門tag
看更多
15th鐵人賽
16th鐵人賽
13th鐵人賽
14th鐵人賽
17th鐵人賽
12th鐵人賽
11th鐵人賽
鐵人賽
2019鐵人賽
javascript
2018鐵人賽
python
2017鐵人賽
windows
php
c#
linux
windows server
css
react
熱門問題
桌機三更半夜自動開機不知在幹啥?是在下載還是在上傳資料?嚇死寶寶.去查設定我沒有設定在三更半夜更新或是掃毒呀!去查紀錄亦沒有當日凌晨的瀏覽紀錄,這到底是怎麼一回事,要如何查詢?是被安裝了病毒軟體?
碩士學歷能幫助我突破職涯天花板嗎?
群輝NAS套件Docker部署Outline
如何讓Windows 11 Professional 開啟Synology DS925+網路芳鄰的速度加快?
維護合約的合理性
librenms 25.4.0 重開機都要重新設定
熱門回答
碩士學歷能幫助我突破職涯天花板嗎?
維護合約的合理性
群輝NAS套件Docker部署Outline
桌機三更半夜自動開機不知在幹啥?是在下載還是在上傳資料?嚇死寶寶.去查設定我沒有設定在三更半夜更新或是掃毒呀!去查紀錄亦沒有當日凌晨的瀏覽紀錄,這到底是怎麼一回事,要如何查詢?是被安裝了病毒軟體?
librenms 25.4.0 重開機都要重新設定
熱門文章
D30|AI 時代的資訊判讀力:防詐、反假、識謊的新資安素養
資安入門與實務應用介紹 28:APT(高階持續性威脅)攻擊解析與防範方法
資安入門與實務應用介紹 29:智能合約漏洞與加密貨幣詐騙案例分析
Day 7:防火牆配置與流量過濾(Firewall Configuration and Traffic Filtering)
Day 25:社交工程防範訓練方法(Social Engineering Defense Training)
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}