手册
目录
text-align 属性用于设置文本的水平对齐方式。
文本可以左对齐、右对齐、居中对齐或两端对齐。
下面的示例展示了居中对齐、左对齐和右对齐的文本(如果文本方向是从左到右,则左对齐是默认值;如果文本方向是从右到左,则右对齐是默认值):
h1 {<br></br> text-align: center;<br></br>}<br></br><br></br>h2 {<br></br>text-align: left;<br></br>}<br></br><br></br>h3 {<br></br>text-align: right;<br></br>
}
运行实例 »点击 "运行实例" 按钮查看在线实例
当 text-align 属性设置为 "justify" 时,每一行都会被拉伸,使得每行具有相同的宽度,并且左右边距是直的(就像在杂志和报纸中那样):
div {<br></br>text-align: justify;<br></br>}
运行实例 »点击 "运行实例" 按钮查看在线实例
text-align-last 属性用于指定文本最后一行的对齐方式。
对齐三个 <p> 元素中文本的最后一行:
p.a
{<br></br>
text-align-last: right;<br></br>
}<br></br><br></br>p.b
{<br></br>
text-align-last: center;<br></br>
}<br></br><br></br>p.c
{<br></br>
text-align-last: justify;<br></br>
}
运行实例 »点击 "运行实例" 按钮查看在线实例
direction 和 unicode-bidi 属性可用于更改元素中文本的方向:
p {<br></br>direction: rtl;<br></br> unicode-bidi: bidi-override;<br></br>}
运行实例 »点击 "运行实例" 按钮查看在线实例
vertical-align 属性设置元素的垂直对齐方式。
设置文本中图像的垂直对齐方式:
img.a {<br></br> vertical-align: baseline;<br></br>}<br></br><br></br>img.b {<br></br>
vertical-align: text-top;<br></br>}<br></br><br></br>img.c {<br></br> vertical-align:
text-bottom;<br></br>}<br></br><br></br>img.d {<br></br> vertical-align: sub;<br></br>}<br></br><br></br>
img.e {<br></br> vertical-align: super;<br></br>}
运行实例 »点击 "运行实例" 按钮查看在线实例
相关
视频
RELATED VIDEOS
科技资讯
1
2
3
4
5
6
7
8
9
精选课程
共5课时
17.3万人学习
共49课时
77.7万人学习
共29课时
62.2万人学习
共25课时
39.6万人学习
共43课时
71.5万人学习
共25课时
62.1万人学习
共22课时
23.2万人学习
共28课时
34.3万人学习
共89课时
126.4万人学习