iT邦幫忙

0

下拉選單寬度問題

先上codepen給各位大大

想請問各位,
我在做一下拉選單
因為選單內容要交給客戶填入
所以li長短是不可預期的
有時是父層li很短
下方子選單名稱很長
但根據需求
希望的是次選單不要斷行,即可撐開子選單的寬度
但我嘗試過word-break:keep all和父層下white-space:nowrap都失敗
word-break:keep all之後雖不斷行,但容器的寬度破版
例一
例二

請問有辦法下拉選單的寬度是依照下拉選單本身的內容(不斷行)撐開的
而不是依照父層主選單嗎?

有表達不全的部分請多包涵,我會盡力說明
也謝謝幫忙查看跟回答的各位

圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 個回答

5
listennn08
iT邦高手 5 級 ‧ 2020-10-26 11:40:55
最佳解答

dropdown menu 的 padding 下在 a 當然會破版
請把 padding 下在 li

OK : ) iT邦新手 5 級 ‧ 2020-10-26 11:45:08 檢舉

/images/emoticon/emoticon02.gif

非常感謝你指出我的問題!!!!!
我鬼擋牆了2天
真的非常謝謝
是我沒注意

建議 padding 的百分比也改成 rem 比較好

我要發表回答

立即登入回答