html页面中的table控件，td标签里面是文字，怎样设置style才能文字垂直居中？
展开全部
<head>
<style type="text/css">
td {
text-align:center; /*设置水平居中*/
vertical-align:middle;/*设置垂直居中*/
}
</style>
</head>
<body>
<table border="1" cellspacing="0" width="800px" height="190px">
<tr>
<td>monday</td>
<td>tuesday</td>
<td>wednesday</td>
</tr>
<tr>
<td>thursday</td>
<td>friday</td>
<td>satarday</td>
</tr>
<tr>
<td>sunday</td>
<td>friday</td>
<td>satarday</td>
</tr>
</table>
</body>
说明：如果要在css中控制<td>标签中的文字垂直居中，那么可以设置td标签选择器下的属性：vertical-align 这个属性有三个值：top ，bottom，middle 其中，middle属性值代表垂直居中。
代码：td {
vertical-align:middle;
}
<style type="text/css">
td {
text-align:center; /*设置水平居中*/
vertical-align:middle;/*设置垂直居中*/
}
</style>
</head>
<body>
<table border="1" cellspacing="0" width="800px" height="190px">
<tr>
<td>monday</td>
<td>tuesday</td>
<td>wednesday</td>
</tr>
<tr>
<td>thursday</td>
<td>friday</td>
<td>satarday</td>
</tr>
<tr>
<td>sunday</td>
<td>friday</td>
<td>satarday</td>
</tr>
</table>
</body>
说明：如果要在css中控制<td>标签中的文字垂直居中，那么可以设置td标签选择器下的属性：vertical-align 这个属性有三个值：top ，bottom，middle 其中，middle属性值代表垂直居中。
代码：td {
vertical-align:middle;
}
更多追问追答
追问
如果直接在td标签中令style=" text-align:center; vertical-align:middle"吗？我这样试过，就是不能垂直居中，这可能是什么原因导致的呢？
追答
在标签中添加style属性是可以的。代码如下：
（你没有测试出来的原因，有可能是在中文状态下输入的标点符号，如冒号或者是分号；没有测试出来是因为有些细节写错了。）
你把我这段代码复制到html文件中，是可以显示的。
monday
tuesday
wednesday
thursday
friday
satarday
sunday
friday
satarday
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
