分类分类
更新时间:2026-03-11 18:54:49作者:yezheng
样式表的文字处理属性中有两个重要的属性:writing-mode和text-align。让我们先看看它们的用法:
1. writing-mode(设置对象书写方向)
语法:writing-mode : lr-tb、tb-rl
参数:lr-tb:从左向右,从上往下 tb-rl:从上往下,从右向左
示例:
div { writing-mode: tb-rl; }
2. text-align(设置对象中文本的对齐方式)
语法:text-align : left、right、center、justify
参数:left:左对齐 right:右对齐 center:居中 justify:两端对齐
示例:
div { text-align : center; }
而通常普通的排版思路:对文字对象宽度设置只能排下一个文字的宽度距离,让文字一行排不下两个文字使其文字自动换行,就形成了竖立排版需求。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>竖列排版实例 在线演示 www.jb51.net</title>
<style>
body{text-align:center}
.shuli{ margin:0 auto;width:20px;line-height:24px;border:1px solid #333}
</style>
</head>
<body>
<div class="shuli">我是竖列排版</div>
</body>
</html>
相关
遮天帝路争锋手游角色扮演266.95 MBv1.12026-03-11
下载深海迷航冰点之下手机版角色扮演2.08Gv1.22.549392026-03-11
下载旺商聊App社交通讯100.11 MBv3.6.32026-03-11
下载火箭沙盒App实用工具37.4 MBv1.2.62026-03-11
下载免费刷短剧漫剧影音播放111.08 MBv1.0.12026-03-11
下载免费漫剧大全APP影音播放93.03 MBv1.0.02026-03-11
下载全免漫剧看短剧影音播放103.79 MBv1.0.12026-03-11
下载武将无双0.1折版策略游戏605.69 MBv0.12026-03-11
下载Canta实用工具4.48 Mv3.2.22026-03-11
下载王者圣域策略游戏429.26 Mv2.1.0.22026-03-11
下载光强仪app实用工具4.91 Mv5.1.02026-03-11
下载光之守护者最新版角色扮演323.66 Mv1.8.92026-03-11
下载










