td
style="text-align:center"
答题不易，互相理解，您的采纳是我前进的动力，
如果我的回答没能帮助您，请继续追问。
您也可以向我们团队发出请求，
会有更专业的人来为您解答。
<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
}
让html表格文字居中居左，有两种方法：
第一种方法：是表格自身的属性，如下代码：
<table width="100%" border="1">
<tr>
<td colspan="2">求职意向</td>
</tr>
<tr>
<td width="27%" align="center" valign="middle">求职类型</td>
<td width="73%" align="left" valign="middle">网站设计(前，后台)</td>
</tr>
<tr>
<td align="center" valign="middle">求职月薪</td>
<td align="left" valign="middle">2500以上</td>
</tr>
<tr>
<td align="center" valign="middle">希望职业</td>
<td align="left" valign="middle">前台美工</td>
</tr>
<tr>
<td align="center" valign="middle">希望职位</td>
<td align="left" valign="middle">暂无</td>
</tr>
<tr>
<td align="center" valign="middle">希望地区</td>
<td align="left" valign="middle">西安</td>
</tr>
</table>
第二种方法：用样式控制
<table width="100%" border="1">
<tr>
<td colspan="2">求职意向</td>
</tr>
<tr>
<td width="27%" align="center" valign="middle">求职类型</td>
<td width="73%" style="padding-left:20px">网站设计(前，后台)</td>
</tr>
<tr>
<td align="center" valign="middle">求职月薪</td>
<td style="padding-left:20px">2500以上</td>
</tr>
<tr>
<td align="center" valign="middle">希望职业</td>
<td style="padding-left:20px">前台美工</td>
</tr>
<tr>
<td align="center" valign="middle">希望职位</td>
<td style="padding-left:20px">暂无</td>
</tr>
<tr>
<td align="center" valign="middle">希望地区</td>
<td style="padding-left:20px">西安</td>
</tr>
</table>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）