Html中控制文字的排版方向(左-右-上-下或者上-下-右-左)
阿新 • • 發佈:2019-02-14
語法:
<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>