KFH.002 - CSS中竖直top样式对表格里<td&

---

Bruce_Zhu 于 2016.10.8
via.http://www.iteye.com/problems/97507

---

CSS中竖直top样式对表格里<td>无效，该怎么办？

• 遇到的问题如下图

QQ截图20161008224911.png

---

• 具体原因
  td默认是垂直居中的, 你要在table所在的td中设置垂直上对齐，但是padding-top，valign等设置样式都是无效的。

• 解决办法

<pre>
<td style="background-color:#FFFF99;padding-left:100px; padding-top:10px;vertical-align: top;" >
</pre>

• 这行代码的重点就在于" vertical-align: top; "
  同样的，在CSS中可以引用这个样式，具体代码如下：
  <pre>
  <style type="text/css">
  td {
  vertical-align:top;
  }
  </style>
  </pre>
  这样就可以达到我们表格单列竖直方向上上浮top的目的了：

QQ截图20161008231130.png