文本对齐有4种:
1.text-align:left
2.text-align:right
3.text-align:center
4.text-align:justify
首行缩进:text-indent:数值+单位
文本排发有2种:
1.横排即为默认排法:layout-flow:horizontal
2.竖排古文教常用:layotut-flow:vertical-ideographic (此种好像不知道为什么,一直都没效果出现,默默的忧伤下)!!!
文字排的方向有三种:
1.direction:rtl
2.direction:ltr
3.direction:inherit
//style.css
a{text-decoration:none}
p{line-height:50px; text-indent:1cm;letter-spacing:0.1cm;layout-flow:vertical-ideographic;direction:rtl}
table{text-align:center}
<html>
<head>
<title>字体样式的具体应用</title>
<link rel = "stylesheet" href = "style.css" type = "text/css"/>
</head>
<body>
<table width = 50% height = "60" border = 1>
<tr>
<td>you</td>
<td>me</td>
</tr>
</table>
<p>
也许我还“清醒”的记得,在表格时代,用一个字一个来弄个文字竖排的假象。一直以为只有在中才实现的很完美(所谓的完美是指鼠标放上去的时候的鼠标光标显示为横的),而网页中在记忆里似乎没有哪个标签可以实现此功能,还好,到了时代,的伟大神奇把一切推向了前进!
</p>
</body>
</html>