gpt4 book ai didi

alignment - 'align' 与 'text-align' 的正确用法是什么

转载 作者:行者123 更新时间:2023-12-02 23:38:42 28 4
gpt4 key购买 nike

我试图找出在表格单元格上放置对齐属性与使用 text-align css 属性之间的区别。下面的代码显示了 IE 与其他浏览器中的不同结果。在 IE 中,对齐最终会对齐每个子子项,因此文本“test”居中对齐,而在 FF/Webkit 中情况并非如此,它保持左对齐。什么是正确的行为?

<!DOCTYPE html>
<html>

<head>
<style>
table { width: 60%; }
table td { border: 1px solid black; }
</style>
</head>

<body>
<table>
<tbody>
<tr>
<td align='center'>
<table>
<tbody>
<tr>
<td>test</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</body>

</html>

最佳答案

align 属性是旧式“tag-soup”HTML,deprecated according to an official W3 document 。更喜欢 CSS 样式,如

<td style="text-align: center;">
<!-- Content -->
</td>

更好的是,给 TD 一个类名(例如,像“center”这样的语义类名)并在样式表中设置该样式:

td.center {
text-align: center;
}

关于alignment - 'align' 与 'text-align' 的正确用法是什么,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3774313/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com