css怎么让div文字竖着


本文摘自PHP中文网,作者藏色散人,侵删。

css让div文字竖着的实现方法:首先创建一个HTML示例文件;然后创建一个div;最后通过设置css样式为“div{writing-mode: tb-rl;} ”即可让div文字竖着。

本文操作环境:Windows7系统、HTML5&&CSS3、Dell G3电脑。

css设置文字竖着排列的方法:

1、writing-mode(设置对象书写方向)

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

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

  示例:

css代码:

1

div { writing-mode: tb-rl; }

示例:

1

2

3

4

5

6

7

8

9

10

11

12

13

<!DOCTYPE html>   

<html>   

<head>   

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />   

<title>竖列排版实例</title>   

<style>   

div { writing-mode: tb-rl; } 

</style>   

</head>   

<body>  

<div>我是竖列排版</div>  

</body>   

</html>

效果图:

阅读剩余部分

相关阅读 >>

css td文字不换行如何实现

对响应式web设计的方法实现

css有哪些选择符

css怎么将鼠标变小手样式

css怎么设置某一块固定

css之简单的响应式的实现

css3核心知识点的小结(代码示例)

css如何实现鼠标经过样式改变

css标准模型包含外边距吗

css实现横向与竖向进度条效果的方法

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...