php网页设置字体排列,css如何让文字成排显示

本文介绍如何使用CSS3的writing-mode属性让文字从左到右或从右到左垂直排列,并提供代码示例。通过writing-mode:vertical-lr和writing-mode:tb-rl调整文字方向,适合初学者了解文本布局技巧。
摘要由CSDN通过智能技术生成

css让文字成排显示的方法:1、使用【writing-mode】属性,语法为【writing-mode:lr-tb或writing-mode:tb-rl】;2、对文字对象宽度设置只能排下一个文字的宽度距离。

1339234f4ad9e1d24249ec6828031921.png

本教程操作环境:windows7系统、css3版,DELL G3电脑。

css让文字成排显示的方法:

方法一: 使用writing-mode属性

语法:writing-mode:lr-tb或writing-mode:tb-rl

参数:lr-tb:从左向右,从上往下;tb-rl:从上往下,从右向左。

test

.one{

margin:0auto;

height:140px;

writing-mode:vertical-lr;/*从左向右从右向左是writing-mode:vertical-rl;*/

writing-mode:tb-lr;/*IE浏览器的从左向右从右向左是writing-mode:tb-rl;*/

}

十轮霜影转庭梧,此夕羁人独向隅。

未必素娥无怅恨,玉蟾清冷桂花孤。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值