一般table如:<table id="tb1"> <tr> <td>文字1</td> <td><div>文字2</div></td> </tr> </table>HTML中td标签有两个常用的属性可以控制内容位置valign控制垂直位置,align属性规定单元格中内容的水平对齐方式。值 描述 top 对内容进行上对齐。 middle 对内容进行居中对齐(默认值)。 bottom对内容进行下对齐。 baseline 与基线对齐。 align属性规定单元格中内容的水平对齐方式。值 描述left 左对齐内容(默认值)。 right 右对齐内容。 center 居中对齐内容。justify 对行进行伸展,这样每行都可以有相等的长度(就像在报纸和杂志中)。 char 将内容对准指定字符。 例如要让"文字1"居中代码如下:<table id="tb1"> <tr> <td valign="middle" align="center" >文字1</td> <td><div>文字2</div></td> </tr> </table>如果用CSS可以这样:<style type="text/css">#tb1 td.txt1{ /** 文字1居中 */ vertical-align: middle; /**垂直居中*/ text-align:center; /**水平居中 */}#tb1 td.txt2 div{ /**文字2*/ text-align:right; /**水平右对齐 */}</style><table id="tb1"> <tr> <td class="txt1">文字1</td> <td class="txt2"><div>文字2</div></td> </tr> </table>另外实际应用中还有更多方法,例如position或者float等CSS方法.参考网址:http://www.w3school.com.cn/tags/att_td_align.asphttp://www.w3school.com.cn/tags/att_td_valign.asp
阅读全文 >