我正在使用 HTML 和 CSS 为学校项目创建网站。在标题中有一个表格，我需要一个文本（位于单元格内）在垂直中心和水平右侧对齐。
这是 HTML 代码
<table id="intestazione">
........
<tr>
<td class="centerV"><h1>Text</h1></td>
<td><img src="Logo.jpg"></td>
</tr>
</table>
这是 CSS 代码
h1
{
font-family:Arial;
font-size:50px;
color:#009ED9;
text-align:right;
}
.centerV
{
display:table-cell;
vertical-align:middle;
}
但它不能如我所愿，所以我将 CSS 代码更改为
h1
{
font-family:Arial;
font-size:50px;
color:#009ED9;
display:table-cell;
vertical-align:middle;
text-align:right;
}
并且文本垂直居中，但不在右侧（在左侧）。我读过我可以使用line-height或 apadding在顶部，但在我看来它使用起来更干净和优雅vertical-align（如果我错了，请告诉我）。
我还尝试了网络上建议的其他代码，但我不写，否则问题会太长。
你可以使用：位置：相对；右：价值％；（或左：值％）随你喜欢..
<table id="intestazione" border="1">
<tr>
<td class="centerV"><h1>Text</h1></td>
<td><img src="http://www.sec4ever.com/home/images/misc/noavatar.gif"></td>
</tr>
h1{
font-family:Arial;
font-size:50px;
color:#009ED9;
display:table-cell;
padding:100px;
vertical-align:middle;
position:relative;
right:30%; }
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句