文本对齐[text-align]

简介: 文本对齐[text-align]。

文本对齐[text-align]
CSS属性text-align与HTML属性align的功能相同,该属性的值可以是:

left(左对齐)、right(右对齐)或者center(居中)

除了上面三种选择以外,你还可以将该属性的值设为:justify(两端对齐),即伸缩行中的文字以左右靠齐,比如报刊杂志经常采用这种布局。

在下例中,标题(th)中的文字被设置为右对齐,而表中数据(td) 被设置为居中。正常的文本段落被设置为两端对齐。

th {
text-align: right;
}

td {
text-align: center;
}

p {
text-align: justify;
}

相关文章
|
4月前
|
前端开发 容器
CSS【详解】对齐 (含文本垂直对齐,文本水平对齐、单行文本垂直居中、多行文本垂直居中、6 种方案块级元素水平垂直居中 、7 种方案图片水平垂直居中、文本自适应对齐、图标和文本对齐,图片和文本对齐等)
CSS【详解】对齐 (含文本垂直对齐,文本水平对齐、单行文本垂直居中、多行文本垂直居中、6 种方案块级元素水平垂直居中 、7 种方案图片水平垂直居中、文本自适应对齐、图标和文本对齐,图片和文本对齐等)
69 0
CSS3【display: flex;】与【align-items: 侧轴对齐方式;】的使用
CSS3【display: flex;】与【align-items: 侧轴对齐方式;】的使用
77 0
CSS3【display: flex;】与【align-content: (wrap 模式下堆栈排列);】的使用
CSS3【display: flex;】与【align-content: (wrap 模式下堆栈排列);】的使用
74 0
|
前端开发
CSS3【display: flex;】与【align-content: (wrap 模式下堆栈排列);】的使用
CSS3【display: flex;】与【align-content: (wrap 模式下堆栈排列);】的使用
42 0
CSS3【display: flex;】与【justify-content: 主轴对齐方式;】的使用
CSS3【display: flex;】与【justify-content: 主轴对齐方式;】的使用
81 0
|
前端开发
display:box、display:flex实现多行文本垂直居中
display:box、display:flex实现多行文本垂直居中
270 0
display:box、display:flex实现多行文本垂直居中
|
前端开发
span内文字居中css布局方法_让span内容居中
display:block,让span形成块(独占一行),就像DIV一样,在设置内容居中css text-align:center。
2740 0