作者s9250123 (Adun)
看板Web_Design
标题[问题] 文字长度不同如何RWD置中在区块
时间Sat Feb 10 16:45:12 2018
如题，目前在制作一个可以左右切换的选单按钮，在页面宽度够的时候一行没有问题...
但在不同装置缩放时英文会断行（宽度不同也可能右边断左边不断）
Code如网址：
http://jsbin.com/qukisuhudi/1/edit?html,css,output
问题是同时也要兼顾中文版文字（随机播放/循序播放）维持文字内容的垂直置中，请教各位大大都如何处理这种状况呢？感谢～～
-----
Sent from JPTT on my iPhone
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 223.140.2.5
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1518252315.A.5B7.html
1F：推 ymcheung: 在 label 加上 white-space: nowrap; 强制不换行 02/10 23:03
2F：→ s9250123: 但英文字串太长了还是需要分两行...有办法让他分两行时 02/11 14:51
3F：→ s9250123: 也同时是置中吗...QQ 02/11 14:51
4F：推 InfinityGate: label也用flexbox然後置中 02/12 00:44
5F：→ InfinityGate: line-height拿掉 02/12 00:54
6F：→ s9250123: 成功了！！！感谢小鸟大的解惑和ymc大大的帮忙～～ 02/12 22:11