，用于设置元素内文本的水平对齐方式。
1. 语法
文本对齐的具体参数如下：
语法：文本对齐：左|右|居中|两端对齐
说明：设定元素内文本的水平对齐方式。参数：左对齐：左对齐;右对齐;居
中：居中;对齐：对齐
初始值：取决于浏览器的设置
继承：可继承
适用于：块元素
其参数在浏览器中的显示如图 1 所示。
图1：水平对齐方法
前三种对齐方法很容易理解，而最后一种对齐方式（text-align：justify）可以使大段文本看起来整齐，尽管对齐的性能可能因浏览器而异，如图 2 所示。
图 2：不同的浏览器在对齐时行为不同
2.适用于：块元素
仅当在块元素上设置文本对齐属性时，该属性才会生效。例如，有以下设置：
尽管图像居中，但浏览器中的效果如图 3 所示。
图3：带对齐方法的图片
读者可以通过图3看到，因为图片
默认值是内联元素，因此即使定义了“文本对齐：中心”;“，也始终与文本右对齐。因此，无法通过设置图片直接对齐单个图片。
如果要使单个图像居中，则应在其外部嵌套一个块元素，然后将该元素的对齐方法设置为居中对齐，如下所示：
功效如图4所示。
图 4：图像居中
3. 继承
文本对齐属性是可继承的。设置元素的水平对齐方法时，其后代的水平对齐方法将继承该设置，如图 5 所示。
图 5：文本对齐的继承
注意：浏览器之间的连续性略有不同。例如，在 Opera 中，标题不会继承右对齐，但除非特别定义，否则将保持居中对齐。
由于文本对齐属性的继承css图片对齐，定义
它们时应小心，如果后代元素不希望继承水平对齐方法css图片对齐，则必须单独定义它们。
4.应用：整体中心尽管文本对齐
用于设置文本的水平对齐方式。但在 IE 中，对齐方式应用于此元素中的所有后代元素，例如使用以下代码：
这一段在IE中居中，在Firefox和Opera中左转。
它在 Windows IE6.0、Firefox 2.0 和 Opera 8.5 中所示的功效如图 6 所示。
图 6：浏览器之间的差异
读者可以看到，
元素本身也是居中的，所以这个特性可以用来设置IE中页面内容的整体居中效果，比如html结构如下：
页面居中
将 CSS 设置为整个页面居中。
要使
在浏览器的中心，您需要按如下方式设置 CSS：
身体{
文本对齐：居中;/* 居中 */ 在 IE 中
#wrap{
宽度：90%;/* 设置间距可以显示居中效果。
margin：0auto;/* 居中於 Firefox 和 Opera 等瀏覽器。
在浏览器中浏览时，
页面中的元素居中，如图 7 所示。
图 7：整个浏览器内页面居中
注意：此时，页面中的所有文本都按照相同的设置居中和显示，因此在实践中，您可以将环绕层的对齐方法设置为左侧。
我记得当我第一次开始学习 HTML 时。
您需要的是 ID 或类别属性。 您有两个表，如图所示：
Login
Password
Login
Password
为了提出这一点css 填充，要使表 1 有填充而表 2 没有，您可以使用相应的 CSS 规则来识别表格并设置样式：
.table1, .table1 td, .table1 th
{
padding: 5px;
}
.table2, .table2 td, .table2 th
{
padding: 0px;
}
使用 CSS 有很多方法可以做到这一点。 例如css 填充，在这些情况下，您也可以使用 ids，但使用类更容易，因为每个文档只能使用 id 一次。
在这些情况下，稍微好一点的方法是使用级联规则。 恐怕我会采用你原来的 CSS 并添加第二组规则：
.table, .table td, .table th
{
padding: 5px;
}
.table2, .table2 td, .table2 th
{
padding: 0px;
}
在这些情况下，只有类别 2 的表才会具有 0 像素的填充 - 所有其他表都会具有 5 像素的填充。
阅读 W3C 学校的 CSS 简介 - 是个好主意。 这将向您介绍基础知识并让您走上正轨。
发表评论