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;
}