优发网页登录:CSS textalign 属性定义及用法

定义和用法text-align属性规定元素中的文本的水平对齐要领。该属性经由过程指定行框与哪个点对齐,从而设置块级元素内文本的水平对齐要领。经由过程容许用户代理调剂行内容中字母和字之间的距离,可以支持值justify;不合用户代理可能会获得不合的结


当前位置: 主页 >优发网页登录


定义和用法

text-align 属性规定元素中的文本的水平对齐要领。

该属性经由过程指定行框与哪个点对齐,从而设置块级元素内文本的水平对齐要领。经由过程容许用户代理调剂行内容中字母和字之间的距离,可以支持值 justify;不合用户代理可能会获得不合的结果。

默认值:

假如 direction 属性是 ltr,则默认值是 left;假如 direction 是 rtl,则为 right。

承袭性:

yes

版本:

CSS1

JavaScript 语法:

object.style.textAlign="right"

实例

设置 h1、h2、h3 元素的文本对齐要领:

源代码:

h1 {text-align: center}

h2 {text-align: left}

h3 {text-align: right}

这是标题 1

这是标题 2

这是标题 3

输出后效果:

浏览器支持

所有浏览器都支持 text-align 属性。

注释:任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。

可能的值

描述

left

把文本排列到左边。默认值:由浏览器抉择。

right

把文本排列到右边。

center

把文本排列到中心。

justify

实现两端对齐文本效果。

inherit

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

值 justify

着末一个水平对齐属性是 justify,它会带来自己的一些问题。

值 justify 可以使文本的两端都对齐。在两端对齐文本中,文本行的阁下两端都放在父元素的内界限上。然后,调剂单词和字母间的距离,使各行的长度正好相等。您大概已经留意到了,两端对齐文本在打印领域很常见。不过在 CSS 中,还必要多做些斟酌。

要由用户代理(而不是 CSS)来确定两端对齐文本若何拉伸,以填满父元素阁下界限之间的空间。例如,有些浏览器可能只在单词之间增添额外的空间,而别的一些浏览器可能会匀称散播字母间的额外空间(不过 CSS 规范分外指出,假如 letter-spacing 属性指优发网页登录定为一个长度值,“用户代理不能进一步增添或削减字符间的空间”)。还有一些用户代理可能会削减某些行的空间,使文本挤得更慎密。所有这些做法都邑影响元素的外不雅,以致改变其高度,这取决于用户代理的对齐选择影响了若干文本行。

CSS 也没有指定该当若何处置惩罚连字符(注1)。大年夜多半两端对齐文本都应用连字符将长单词分开放在两行上,从而缩小单词之间的距离,改良文本行的外不雅。不过,因为 CSS 没有定义连字符行径,用户代理不太可优发网页登录能自动加连字符。是以,在 CSS 中,两端对齐文本看上去没优发网页登录有打印出来好看,分外是元素优发网页登录可能太窄,以至于每行只能放下几个单优发网页登录词。当然,应用窄设计元素是可以的,不过要警惕响应的毛病。

注1:CSS 中没有阐明若何处置惩罚连字符,由于不合的说话有不合的连字符规则。规范没有考试测验去调和这样一些很可能不完整的规则,而是干脆不提这个问题。

发表评论
加载中...

相关文章