文本对齐兼容性
在表格标题中，默认文本对齐方式为th标签位于中心。
考虑以下代码：
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body {
background-color: aliceblue;
}
.default_grid {
text-align: left;
width: 600px;
color: white;
}
.default_grid th {
/* text-align: left; */
}
.default_grid .first {
background-color: purple;
}
.default_grid .second {
background-color: orange;
}
</style>
</head>
<body>
<table class="default_grid">
<thead>
<tr>
<th class="first">Test One</th>
<th class="second">Test Two</th>
</tr>
</thead>
</table>
</body>
</html>
在火狐浏览器中，互联网浏览器 7（及更低版本）、Safari、Chrome 和Opera
中的文本左对齐。而在互联网浏览器 8 and 互联网浏览器 9，文本居中对齐，除非直接在 |
标记上指定规则（取消注释第 14 行）。 |
哪一种是正确的行为？
根据 W3C 的推荐TH,
视觉用户代理通常垂直和水平渲染 TH 元素centered在细胞内并具有bold字体粗细。
没有提及如何做到这一点mustBehavior(?) 是否必须从父级继承样式？
事实是：
默认情况下，所有浏览器都将文本居中对齐TH元素。 Internet Explorer 7 及更低版本、Firefox、Chrome、Safari 和 Opera 设置（仅†) 文本对齐TH 的财产inherit来自父母<thead>, <table>, <body>等等。 互联网浏览器 8后来不让TH继承文本对齐来自父母的财产。您必须通过 CSS 选择器定位 TH 标签才能更改其值。 †所有浏览器都不会继承字体粗细来自父母的财产。您必须通过 CSS 选择器定位 TH 标签才能更改其值。
看着这张图片，我们无法概括哪个浏览器正在做正确的工作。要么同时禁止两者文本对齐 and 字体粗细继承值（Internet Explorer 8 及更高版本的方式）或“允许一个并放弃另一个”（非 Internet Explorer 8+方式）更好；这是由供应商自行决定的。
作为一名设计师，一般的经验法则是我们必须选择那些适用于所有浏览器的实践。在这种情况下，始终以 TH 为目标来更改文本对齐 and 字体粗细.
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
|
