button里的文字靠左(button按钮文字竖着排列)

今天在做一个需求,让按钮竖着放,那文字怎么竖着放呢?我一时间没有思路。那就去找找看。

结果:writing-mode:tb-rl; 都是这个方法,测试不行,又搜,说只支持IE,当时就卧槽。那就自己想吧。

我给个宽度,让文字超出换行应该就可以了吧。

white-space: normal;

button里的文字靠左(button按钮文字竖着排列)(1)

果然可以。但是样式还是丑,那就调样式。加一个line-height: 20px; 调个间距。

加个内边距让居中。padding-right: 24px; padding-left: 8px;

看看效果。

button里的文字靠左(button按钮文字竖着排列)(2)

解决OK。

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页