html中表格中的文字处理，vaglin=middle 为什么我的字不能居中？
如题，我用很多方法了，实在是没辙了。。。。就是不能把表格中的字垂直居中,请问，在不设定表格大小的情况下，怎么才能实现让这个H2大的字居中？<html><head></he...
如题，我用很多方法了，实在是没辙了。。。。
就是不能把表格中的字垂直居中,
请问，在不设定表格大小的情况下，
怎么才能实现让这个H2大的字居中？
<html>
<head>
</head>
<body>
<table border=1 align="center" bgcolor="yellow">
<tr valign="middle">
<form>
<td width="70%" align=center ><h2><i><font color="greed">为什么不能在中间</font></i></h2></td>
</form>
</tr>
</table>
</body>
</html>
我估计，是因为H2的标题字的问题，
这里可以用DIV分区再 用font命令 来实现，
但H1~H6就不能放进表格？ 展开
就是不能把表格中的字垂直居中,
请问，在不设定表格大小的情况下，
怎么才能实现让这个H2大的字居中？
<html>
<head>
</head>
<body>
<table border=1 align="center" bgcolor="yellow">
<tr valign="middle">
<form>
<td width="70%" align=center ><h2><i><font color="greed">为什么不能在中间</font></i></h2></td>
</form>
</tr>
</table>
</body>
</html>
我估计，是因为H2的标题字的问题，
这里可以用DIV分区再 用font命令 来实现，
但H1~H6就不能放进表格？ 展开
3个回答
展开全部
<h>标签是标题标签,你应用了<h>标签,就表示你对表格应用了标题标签.而表格中,默认为第一行和第一列是标题栏.所以当你对表格应用了标题标签后,你作为标题的文字会显示在表格的第一行,也就是你说的顶部了.
而当你取消了<h>标签后,你输入的文字便不再是标题文字了,它会作为普通文字,也就会在表格中正常显示了。
当然,如果你想要你说的那种效果,一定要用标题标签的话，我试了下我的方式,使用padding-top（<h2 style="padding-top:20px">)来做的，不论表格高度怎么变，都是居中的。具体如下：
<html>
<head>
</head>
<body>
<h3> </h3>
<table width="26%" border=1 align="center" bgcolor="yellow">
<form>
<tr>
<th width="70%" valign="middle" style="padding-top:10px; padding-bottom:10px" ><h2 style="padding-top:20px"><font color="greed"><i>为什么不能在中间</i></font></h2></th>
</tr>
</form>
</table>
</body>
</html>
而当你取消了<h>标签后,你输入的文字便不再是标题文字了,它会作为普通文字,也就会在表格中正常显示了。
当然,如果你想要你说的那种效果,一定要用标题标签的话，我试了下我的方式,使用padding-top（<h2 style="padding-top:20px">)来做的，不论表格高度怎么变，都是居中的。具体如下：
<html>
<head>
</head>
<body>
<h3> </h3>
<table width="26%" border=1 align="center" bgcolor="yellow">
<form>
<tr>
<th width="70%" valign="middle" style="padding-top:10px; padding-bottom:10px" ><h2 style="padding-top:20px"><font color="greed"><i>为什么不能在中间</i></font></h2></th>
</tr>
</form>
</table>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
在表格td中，有两个属性控制居中显示
align——表示左右居中——left，center，right
valign——控制上下居中——left，center，right
这两个属性综合使用，就可以让单元格的内容上下左右都居中显示。
但是有的时候吧，会失效，那么在td中设置text-align为center也可。
范例一
td
{
text-align:center;
}
范例二
<table border="1" bordercolor="red">
<tr align="center">
<td width="400px">aaaa</td>
<td width="400px">bbbb</td>
</tr>
<tr align="center">
<td>cccc</td>
<td>dddd</td>
</tr>
</table>
align——表示左右居中——left，center，right
valign——控制上下居中——left，center，right
这两个属性综合使用，就可以让单元格的内容上下左右都居中显示。
但是有的时候吧，会失效，那么在td中设置text-align为center也可。
范例一
td
{
text-align:center;
}
范例二
<table border="1" bordercolor="red">
<tr align="center">
<td width="400px">aaaa</td>
<td width="400px">bbbb</td>
</tr>
<tr align="center">
<td>cccc</td>
<td>dddd</td>
</tr>
</table>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
我的经验告诉我valign不能垂直居中，换用padding-top试一试
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
