html中表格内容如何靠左且置顶?

html-css09

html中表格内容如何靠左且置顶?,第1张

添加一个align="left" valign="top"属性即可,其中align="left" 可以省略,默认为居左,具体代码如下:

<table width="500" height="120" border="1" >

  <tr>

    <td align="left" valign="top">表头01</td>

    <td>&nbsp</td>

    <td>&nbsp</td>

  </tr>

  <tr>

    <td>表头02</td>

    <td>&nbsp</td>

    <td>&nbsp</td>

  </tr>

  <tr>

    <td>表头03</td>

    <td>&nbsp</td>

    <td>&nbsp</td>

  </tr>

</table>

<html>

<head>

<style type="text/css">

.td1 {text-align:leftfont-size:12pt}

.p1 {text-align:lefttext-indent:2emfont-size:12pt}

</style>

</head>

<body>

<table>

<tr><td class="td1">网页制作</td></tr>

<tr><td><p class="p1">语言</p></td></tr>

</table>

</body>

</html>

text-indent:2em 的样式就是空2格,同样:

text-indent:4em就是空4格

<table width="500px">

<tr>

<td width="50%" align="left" style="padding-left:10px">左对齐,距离左边10像素</td>

<td width="50%">测试</td>

</tr>

</table>