如何让html表格文字居中居左
让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>