在77ISP学技术
每日笔记，CSS 文本对齐方式，文本于图片对齐方式，
CSS 文本对齐
text-align 属性用于设置文本的水平对齐方式。
文本可以左对齐或右对齐，或居中对齐。
下例展示了居中对齐以及左右对齐的文本（如果文本方向是从左到右，则默认为左对齐；如果文本方向是从右到左，则默认是右对齐）：
实例
h1 {
text-align: center;
}
h2 {
text-align: left;
}
h3 {
text-align: right;
}标题 1（左对齐）
标题 2（中对齐）
标题 3（右对齐）
当 text-align 属性设置为 "justify" 后，将拉伸每一行，以使每一行具有相等的宽度，最直观的应该叫做两端对齐：
在英文中比较明显
实例
div {
text-align: justify;}In my younger and more vulnerable years my father gave me some advice that I've been turning over in my mind ever since. 'Whenever you feel like
文本方向
direction 和 unicode-bidi 从左向右书写或者是从右向左书写：
实例
p {
direction: rtl;
unicode-bidi: bidi-override;
}我是正常情况下书写
看我的书写方向和对齐方式
垂直对齐
vertical-align 属性设置元素的垂直对齐方式。
本例演示如何设置文本中图像的垂直对齐方式：
实例
img.top {
vertical-align: top;
}
img.middle {
vertical-align: middle;
}
img.bottom {
vertical-align: bottom;
}
默认对齐方式的图像。
一幅 上对齐的图像。
一幅 居中对齐的图像。
一幅 下对齐的图像。
相关文章
标签：css
