Question

任何人都可以帮我解释为什么我的HTML表格中有额外的空格。这是我的小提琴：https://jsfiddle.net/dg4z8rou/1/

Dear mohammad,<br/><br/>Thank you for your recent Research and Education Week 2017 abstract submission. Your abstract was copyedited for capitalization and spelling and the change(s) made can be viewed in the “Edited Abstract” column below. Please contact research@sh.org if you have any issues with your edited abstract. <br/><br />
<table style="border:1px solid black;width:100%;padding:0 8px;border-collapse: collapse ">
<tr>
<th style="border: 1px solid black ;">Original Abstract</th>
<th style="border: 1px solid black ;">Updated Abstract</th>
</tr>
<tr>
<td style="border: 1opes are equally important to adolescents and parents.</td></tr></table>}

你可以看到更新摘要下的标题是在2行空格后开始的。我不知道它的来源。

Answer 1

您在TD上缺少CSS属性“vertical-align”。默认情况下，此值设置为“baseline”，这就是为什么顶部有一个额外的空间，但也在底部。

td {
  vertical-align: top
}

这是更新的小提琴：https://jsfiddle.net/dg4z8rou/3/

Answer 2

感谢您最近的2017年研究和教育周摘要提交。您的摘要被编辑为大写和拼写，所做的更改可以在下面的“编辑摘要”栏中查看。如果您的编辑摘要有任何问题，请联系research@sh.org。原始摘要更新摘要 }

Answer 3

你也可以在TD本身使用valign属性。

<td style="border: 1px solid black ;" valign="top">

html表启动时的额外空间

3 个答案: