Html 如何将标题放置在表格行的中心?

Html 如何将标题放置在表格行的中心?,html,css,Html,Css,这就是我现在拥有的! .overzicht td{ 填充:10px; 文本对齐:居中; 最大宽度:600px; 最小宽度:600px; } 米斯特·雷森特酒店 像这样吗 .overzicht td{ 填充:10px; 文本对齐:居中; 最大宽度:600px; 最小宽度:600px; } .overzicht h2{ 显示:内联; 线高:39px; } 米斯特·雷森特酒店 像这样吗 .overzicht td{ 填充:10px; 文本对齐:居中; 最大宽度:600px; 最小宽度:600p

这就是我现在拥有的!
.overzicht td{
填充:10px;
文本对齐:居中;
最大宽度:600px;
最小宽度:600px;
}

米斯特·雷森特酒店
像这样吗

.overzicht td{
填充:10px;
文本对齐:居中;
最大宽度:600px;
最小宽度:600px;
}
.overzicht h2{
显示:内联;
线高:39px;
}

米斯特·雷森特酒店
像这样吗

.overzicht td{
填充:10px;
文本对齐:居中;
最大宽度:600px;
最小宽度:600px;
}
.overzicht h2{
显示:内联;
线高:39px;
}

米斯特·雷森特酒店
请尝试此代码

HTML

请尝试此代码

HTML


根据你上次的评论,我更新了patrick的答案

我已将绝对位置应用于按钮

.overzicht td{
填充:10px;
文本对齐:居中;
最大宽度:600px;
最小宽度:600px;
位置:相对位置;
}
.overzicht h2{
显示:内联;
线高:39px;
} 
形式{
位置:绝对位置;
右:10px;
顶部:10px;
}

米斯特·雷森特酒店

根据您上次的评论,我更新了patrick的答案

我已将绝对位置应用于按钮

.overzicht td{
填充:10px;
文本对齐:居中;
最大宽度:600px;
最小宽度:600px;
位置:相对位置;
}
.overzicht h2{
显示:内联;
线高:39px;
} 
形式{
位置:绝对位置;
右:10px;
顶部:10px;
}

米斯特·雷森特酒店


要将标题和按钮放在同一行吗?.overzicht h2{display:inline;}或inline block…@AzeezKallayi Yes!!您想使标题和按钮在同一行?.overzicht h2{display:inline;}或inline block…@AzeezKallayi Yes!!您还可以添加`页边距底部:0;行高:39px`在
h2
上,这样
h2
将与
按钮对齐,并且垂直对齐!!谢谢:)@PatrickMlr是否可以在不计算按钮的情况下将文本水平居中放置在表格行中?@JelleBotman看到了吗。我只是在表格上加了一个负号。@JelleBotman哦,天哪,对不起。这是一个旧版本。看看这个:。要更改位置,只需更改html中左侧的边距即可。您还可以添加`边距底部:0;行高:39px`在
h2
上,这样
h2
将与
按钮对齐,并且垂直对齐!!谢谢:)@PatrickMlr是否可以在不计算按钮的情况下将文本水平居中放置在表格行中?@JelleBotman看到了吗。我只是在表格上加了一个负号。@JelleBotman哦,天哪,对不起。这是一个旧版本。看看这个:。要更改位置,只需更改html中的左边距。请尝试使用代码段,以便我可以直接看到结果请参考此链接尝试使用代码段,以便我可以直接看到结果请参考此链接
    <table class='overzicht' border='1'>
    <tr style='background-color: yellow;'>
  <td><h2 style='margin-top: auto; '> Meest recente storing </h2></td>
        <td>
            <form method='POST' action='nieuwestoring.php' style='float: right;   margin-bottom: 0px;'>
              <input type='submit' style='padding: 10px;' name='nieuw' value='Nieuwe Storing'>
            </form>
        </td>
  </tr>
</table>
table.overzicht{
      max-width: 600px;
      min-width: 600px;
      border-collapse: collapse;
    }
    .overzicht td{
      padding: 10px;
      text-align: center;
      vertical-align:center;
      border:0px;    
    }
    .overzicht td h2{
      margin: 0;
    }