文本对齐[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;
}

相关文章
|
2月前
|
前端开发 开发者 容器
|
9月前
CSS3【display: flex;】与【align-items: 侧轴对齐方式;】的使用
CSS3【display: flex;】与【align-items: 侧轴对齐方式;】的使用
38 0
|
9月前
CSS3【display: flex;】与【align-content: (wrap 模式下堆栈排列);】的使用
CSS3【display: flex;】与【align-content: (wrap 模式下堆栈排列);】的使用
38 0
|
8月前
|
前端开发
CSS3【display: flex;】与【align-content: (wrap 模式下堆栈排列);】的使用
CSS3【display: flex;】与【align-content: (wrap 模式下堆栈排列);】的使用
28 0
|
9月前
CSS3【display: flex;】与【justify-content: 主轴对齐方式;】的使用
CSS3【display: flex;】与【justify-content: 主轴对齐方式;】的使用
46 0
|
前端开发 容器
DIV垂直居中对齐
效果图: CSS: #container{ display:table-cell; width:300px; height:300px; vertical-align:middle; bo...
965 0