前端css学习笔记＜二＞

2020.9.9

1、CSS text-align 属性

实例

设置 h1、h2、h3 元素的文本对齐方式：
h1 {text-align:center}
h2 {text-align:left}
h3 {text-align:right}

text-align 属性规定元素中的文本的水平对齐方式。
该属性通过指定行框与哪个点对齐，从而设置块级元素内文本的水平对齐方式。通过允许用户代理调整行内容中字母和字之间的间隔，可以支持值 justify；不同用户代理可能会得到不同的结果。

默认值：	如果 direction 属性是 ltr，则默认值是 left；
		如果 direction 是 rtl，则为 right。
继承性：	yes
版本：	CSS1
JavaScript 语法：	object.style.textAlign="right"

可能的值

值	描述
left	把文本排列到左边。默认值：由浏览器决定。
right	把文本排列到右边。
center	把文本排列到中间。
justify	实现两端对齐文本效果。
inherit	规定应该从父元素继承 text-align 属性的值

值 justify
最后一个水平对齐属性是 justify，它会带来自己的一些问题。

值 justify 可以使文本的两端都对齐。在两端对齐文本中，文本行的左右两端都放在父元素的内边界上。然后，调整单词和字母间的间隔，使各行的长度恰好相等。您也许已经注意到了，两端对齐文本在打印领域很常见。不过在 CSS 中，还需要多做些考虑。