html垂直对齐并在h2标记中对齐中心

你可以告诉我下面的代码有什么错误吗?它既不在中心也不在中间(垂直)对齐文本.

<td> <h2 style = "align:center; vertical-align:middle;">TEXT</h2></td>
要将元素置于页面中心(水平和垂直),您可能需要使用边距.有不同的方法可以做到这一点;这只是其中之一.边距将是容器元素大小的一半.例:

<td style="width:100%; height:100%;"> 
 <h2 style="position:absolute;top: 50%; left: 50%;">TEXT</h2> 
</td>

注意:vertical-align属性适用于图像,而不适用于文本,因此您需要找到其他解决方案以使文本在页面上或元素中居中.一种方法是这样的;利润率.

这种方法的一个缺点是,元素的中心不会被置于页面的中心;它可以说是从元素的边界推到中间的.这意味着对于较大的元素,左上角将位于页面的中心而不是元素的中心点.您可以通过在给定元素大小的情况下使用负边距来解决此问题.您需要知道您居中的元素的大小.例:

如果要居中的元素(类.centered)是200px乘100px,那么从元素中心居中的CSS将如下所示:

.centered { 
 position: fixed;  
 top: 50%;  
 left: 50%;  
 margin-top: -50px;  
 margin-left: 100px;
}
翻译自:https://stackoverflow.com/questions/12025924/html-vertical-alignment-and-align-center-in-h2-tag

转载注明原文:html垂直对齐并在h2标记中对齐中心