text-align简单运用

  • Post author:
  • Post category:其他


text-align:通常情况下,我们只是用来设置文本的对齐方式。但有的时候,我们也可以使用该属性进行元素的对其,以及进行布局。



一:基本概念

1:W3C标准中,对text-align这样说明:它是一个基本的属性,它会影响一个元素中的文本行相互之间的对其方式。

2:基本取值:

left,right,center,这三个取值,想当直接,就是居左,居右,据中。其中,在不设置text-align属性时,浏览器默认是居左的。

justify,两端自适应对其。这个时候,会根据父元素的宽度,进行自适应的两端对其。

inherit,规定应该从父元素继承text-align属性的值。

虽然说,在不设置text-align的情况下,浏览器是默认居左的,但是其前提是,它的祖辈元素,也没有设置text-align属性,如果祖辈设置了,那么目标元素的text-align是继承它父元素的text-align属性的。



二:实际中text-align属性的使用

text-align属性用来设置文本的对齐方式,虽然W3C中是这么说,但是对于行内元素,也是起作用的,下面就主要叙述一下对于哪些元素会起到对齐的方式。

1:首先说明,大家都知道, 元素的表现形式主要可以分为:块级元素,和行内元素。 text-align属性的设置,对于块级元素是无效的,但是对于行内元素是可以起作用的。所以,一个元素的显示对齐方式,就可以由两个因素决定,父元素的text-align属性,和自身的display属性。

注:text-align属性,只对子元素起作用,并且可以被子元素继承。display属性,只对本身起作用,并且不可被子元素继承。