KFH.002 - CSS中竖直top样式对表格里无效,该怎么办?


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


CSS中竖直top样式对表格里无效,该怎么办?

  • 遇到的问题如下图
KFH.002 - CSS中竖直top样式对表格里<td>无效,该怎么办?_第1张图片
QQ截图20161008224911.png

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

  • 解决办法



  • 这行代码的重点就在于" vertical-align: top; "
    同样的,在CSS中可以引用这个样式,具体代码如下:



    这样就可以达到我们表格单列竖直方向上上浮top的目的了:
KFH.002 - CSS中竖直top样式对表格里<td>无效,该怎么办?_第2张图片
QQ截图20161008231130.png

你可能感兴趣的:(KFH.002 - CSS中竖直top样式对表格里无效,该怎么办?)