技術問答
技術文章
iT 徵才
Tag
聊天室
2023 鐵人賽
登入/註冊
問答
文章
Tag
邦友
鐵人賽
搜尋
0
如何讓字橫向排列(導航欄)+調整導航欄的每個項目間的間距大小?
javascript
網站
css
CherryYang
2022-05-11 19:16:46
‧
842 瀏覽
分享至
如何讓字橫向排列(導航欄)+調整導航欄的每個項目間的間距大小?
回答
討論
2
邀請回答
追蹤
檢舉
×
邀請回答
輸入邀請回答者的帳號或暱稱
Loading
找不到結果。
已達邀請上限
邀請回答
{{ result.user.nickname }}
{{ result.user.account }}
已邀請的邦友
{{ invite_list.length }}
/5
取消邀請
{{ invite.nickname }}
{{ invite.account }}
yhosutun2490
iT邦新手 3 級 ‧
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鐵人賽
參賽組數
1123
組
團體組數
52
組
累計文章數
23096
篇
完賽人數
656
人
看影片追技術
看更多
{{ item.subject }}
{{ item.channelVendor }}
|
{{ formatDate(item.duration) }}
直播中
熱門tag
看更多
15th鐵人賽
13th鐵人賽
14th鐵人賽
12th鐵人賽
11th鐵人賽
鐵人賽
2019鐵人賽
2018鐵人賽
javascript
2017鐵人賽
python
windows
php
c#
windows server
linux
css
程式設計
react
vue.js
熱門問題
公司有人常常亂改IP位置(想問有甚麼辦法可以將IP鎖住不給更改)
請問我晚上開發一款工具,早上給公司使用,沒特別條款,法律知識產權還是我的嗎?
請教外網如何連到家裡內部裝置
自家官網連線不到 (已解決)
請問公司網路通暢,卻部分固定的使用者無法連到特定網頁 ,求救~~~
請教各位前輩關於 IT 管理者為 User 重設 AD 帳號的密碼的行政流程
老婆line被盜用換sin卡也無法拿回帳號使用權
ISO 27001改版輔導顧問公司推薦
自我改善工作人際態度邊界
遠端連線到虛擬機器上,並希望能聽到音效
熱門回答
公司有人常常亂改IP位置(想問有甚麼辦法可以將IP鎖住不給更改)
請問有提供對外http連線服務的主機,都需要上SSL嗎?
請問公司網路通暢,卻部分固定的使用者無法連到特定網頁 ,求救~~~
如果當超人拯救了別人,世界真的需要超人嗎?
自家官網連線不到 (已解決)
熱門文章
筆電Wifi不見後, 筆電該怎麼上網?
Vigor Router Firewall NAT 一開全球通,如何做限制,只允許白名單IP通過,甚至敲門再開 TOTP 驗證
使用JS解構賦值踩到的雷
幫多階段 Dockerfile 除錯紀錄
WINDOWS遠端桌面的連接PORT如何修改
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}