本文介绍了HTML中的writing-mode属性，用于控制文字的排版方向。通过设置'lr-tb'，可实现从左到右、从上到下的排版；而设置'tb-rl'则实现从上到下、从右到左的布局方式，为网页内容提供灵活的文本排列选项。
语法：
<html>
<head>
<style ></style>
</head>
<body>
<div contenteditable="true" style="writing-mode: tb-rl;
width: 120pt;
min-height:45pt;
max-height: 2*95px;
_height: 200px;
margin-left: 23.35pt;
margin-top:163.65pt;
margin-right: auto;
padding: 3px;
font-size:15pt;
outline: 0;
border: 1pt solid #000000;
word-wrap: break-word;
overflow-x: hidden;
overflow-y: auto;
/*-webkit-user-modify: read-write-plaintext-only;*/">
测试
</div>
</body>
</html>
writing-mode : lr-tb | tb-rl
参数：
lr-tb : 左-右，上-下
tb-rl : 上-下，右-左
测试Html代码如下
<!DOCTYPE html ><html>
<head>
<style ></style>
</head>
<body>
<div contenteditable="true" style="writing-mode: tb-rl;
width: 120pt;
min-height:45pt;
max-height: 2*95px;
_height: 200px;
margin-left: 23.35pt;
margin-top:163.65pt;
margin-right: auto;
padding: 3px;
font-size:15pt;
outline: 0;
border: 1pt solid #000000;
word-wrap: break-word;
overflow-x: hidden;
overflow-y: auto;
/*-webkit-user-modify: read-write-plaintext-only;*/">
测试
</div>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
