[問題] 文字長度不同如何RWD置中在區塊 s9250123 PTT批踢踢實業坊

[問題] 文字長度不同如何RWD置中在區塊

作者: s9250123 (Adun) 2018-02-10 16:45:12

如題，目前在製作一個可以左右切換的選單按鈕，在頁面寬度夠的時候一行沒有問題...
但在不同裝置縮放時英文會斷行（寬度不同也可能右邊斷左邊不斷）
Code如網址：
http://jsbin.com/qukisuhudi/1/edit?html,css,output
問題是同時也要兼顧中文版文字（隨機播放/循序播放）維持文字內容的垂直置中，請教各位大大都如何處理這種狀況呢？感謝～～

作者: ymcheung (ymc) 2018-02-10 23:03:00

在 label 加上 white-space: nowrap; 強制不換行

作者: s9250123 (Adun) 2018-02-11 14:51:00

但英文字串太長了還是需要分兩行...有辦法讓他分兩行時也同時是置中嗎...QQ

作者: InfinityGate (小鳥) 2018-02-12 00:44:00

label也用flexbox然後置中line-height拿掉

作者: s9250123 (Adun) 2018-02-12 22:11:00

成功了！！！感謝小鳥大的解惑和ymc大大的幫忙～～

繼續閱讀

[問題] 我住大同區 cjwufu [問題] 圖檔讀取問題lenofire [請益] CSS和JS課程選擇：五倍紅寶石或飛肯Lenashuhan [問題] 如何像FB那樣即使頁面關閉也會主動…rrr0832 [問題] AWS lambda如何上傳檔案至S3powerice [問題] Wordpress 連結打開 lightbox方法rockcan [問題] windows網路磁碟機的href語法kisha024 [問題] wix網站可以串綠界金流嗎？miaiy [問題] Cpanel安裝wordpress後無法顯示psyclone [問題] 圖片大小與螢幕寬度的問題PainKing0975