html - 使用垂直对齐和线高居中是否有效且良好的做法？

Question

要垂直和水平对齐内联元素，我使用以下内容：

#parent {
display: table-cell; 
text-align: center;
vertical-align: middle;
line-height: 100px;
}

这是一个好的做法还是被认为是一种解决方法？我应该为此感到难过还是会继续？

这将通过 w3c 验证器，但我觉得在这种情况下使用 text-align 和 line-height 是脱离上下文的，因为它们应该用于文本。

Answer 1

就 CSS 而言，内联元素和文本本质上是相同的东西，所以我认为将一个视为另一个没有问题。

尽管text-alignCSS1 一开始就将其描述为与文本有关，但如今大多数 CSS 规范并没有对内联和文本做出非常具体的区分。文本本身甚至经常被说成是存在于匿名内联中——例如参见CSS2.1 规范的第 9 节——所以从技术上讲，无论哪种方式，你仍然在对内联应用格式。