CSS中表格单元格对齐如何设置?

html-css015

CSS中表格单元格对齐如何设置?,第1张

<!doctype html>

<html>

    <head>

<!--声明当前页面的编码集:charset=gbk,gb2312(中文编码),tuf-8国际编码-->

<meta charset="UTF-8">

<meta name="Generator" content="EditPlus">

<meta name="Author" content="天宝讲师">

<meta name="Keywords" content="关键词,关键字">

<meta name="Description" content="java零基础学习">

<title>java爱好者_天宝老师</title>

<!--css,js-->

<style type="text/css">

*{margin:0padding:0}

.bg{ text-align:left}

</style>

</head>

<body>

<table width="1000" border="1" class="bg">

  <tr>

    <td>java爱好者_天宝老师<td>

    <td>学java找天宝老师</td>

    <td>java零基础学习教程</td>

  </tr>

</table>

</body>

</html>

css设置上下两个td不对对齐跟基线对齐有关。这个跟基线对齐有关系,如果你给写?字的那个span设置?个vertical-align:top,就可以对齐,具体原因如下:从CSS2的可视化格式模型?档中可到:inline-block的基线是正常流中最后?个linebox的基线,除?这个linebox??既没有lineboxes或者本?overflow属性的计算值不是visible,这种情况下基线是margin底边缘。