td里的文字怎么垂直居中
1个回答
展开全部
主要是给td添加一个文字居中显示的属性就可以了 text-align: center;line-height:
line-height后面的值就是你的td的高度,这样才能上下居中
<style>
.table_style{width: 100%;height: auto;}
.table_style tr td{text-align: center;height: 30px;line-height: 30px;}
</style>
<table cellpadding="0" cellspacing="0" border="1" class="table_style">
<tr>
<td>你的文字</td>
<td>你的文字</td>
<td>你的文字</td>
<td>你的文字</td>
</tr>
<tr>
<td>你的文字</td>
<td>你的文字</td>
<td>你的文字</td>
<td>你的文字</td>
</tr>
<tr>
<td>你的文字</td>
<td>你的文字</td>
<td>你的文字</td>
<td>你的文字</td>
</tr>
</table>
line-height后面的值就是你的td的高度,这样才能上下居中
<style>
.table_style{width: 100%;height: auto;}
.table_style tr td{text-align: center;height: 30px;line-height: 30px;}
</style>
<table cellpadding="0" cellspacing="0" border="1" class="table_style">
<tr>
<td>你的文字</td>
<td>你的文字</td>
<td>你的文字</td>
<td>你的文字</td>
</tr>
<tr>
<td>你的文字</td>
<td>你的文字</td>
<td>你的文字</td>
<td>你的文字</td>
</tr>
<tr>
<td>你的文字</td>
<td>你的文字</td>
<td>你的文字</td>
<td>你的文字</td>
</tr>
</table>
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询