<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添加一个文字居中显示的属性就可以了 text-align: centerline-height:line-height后面的值就是你的td的高度，这样才能上下居中
<style>
.table_style{width: 100%height: auto}
.table_style tr td{text-align: centerheight: 30pxline-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>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）