如何让 html中 按钮文字竖向显示

2024-11-01 22:48:19
有2个网友回答
网友(1):

让文字竖排有以下三种方法:
一,原始使用writing-mode属性-不推荐。
1,语法:writing-mode:lr-tb或writing-mode:tb-rl;
2,参数:
1、lr-tb:从左向右,从上往下
2、tb-rl:从上往下,从右向左
运行搭局代码发现,IE显示旦隐正常,火狐、谷歌浏览器却不支持,所以不建议使用writing-mode属性。

二、使用CSS模拟文字竖排。
对文字对象宽度设置只能排下一个文字的宽度距离,让文字一行排不下两个文字使其文字自动换行,就形成了竖立排版需求。示例代码如下:





竖列排版实例



我是竖列知迟让排版




说明:对文字DIV设置较小的宽度,以达到一排只能排下一个文字,这样文字就自动换行,实现垂直竖列排版。

网友(2):

孙败

Document