Question

css里边，div包含一个table，如何做到table顶端对齐？

css里边，div包含一个table，如何做到table顶端对齐？如附图所示，不想要淡蓝色的部分出现，让表格向上顶住“个人中心”。





Answer 1

现在已经不流行用table布局了，不过实现起来也不难。内容基本都在<td>标签中，所以:

<td valign="top"></td>

不过，基于你的要求，要做的是控制“个人中心”那一格的高度（W3C标准建议使用css样式来控制高度，所以）：

<td style="height:10px;padding:0px;margin:0px">个人中心:....</td> <!--10px只是个示例，具体多少请自行调整,padding和margin属性只是防止意外而清除空白，可根据效果自行删掉-->

Answer 2

h3 标签有默认的 margin 值，所以会产生“间隙”，导致 table 顶部没有靠齐上面的文字内容，可以为 h3 设置 margin: 0; 可以消除间隙（淡蓝色部分）

Answer 3

首先这个问题不是table的问题，你需要针对h3做一个样式重置
浏览器h3有一个初始的margin，所以你需要给h3添加一个样式
h3{ margin:0; }
这样，table自然就上去了

Answer 4

亲，给你的h3标签加个 margin:0px; 属性看看。

Answer 5

你的个人中心也写在了table里了吧