[问题] 文字长度不同如何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