美文网首页
KFH.002 - CSS中竖直top样式对表格里<td&

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

作者: 旅行的意义zxy | 来源:发表于2016-10-08 23:12 被阅读341次

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

相关文章

网友评论

      本文标题:KFH.002 - CSS中竖直top样式对表格里<td&

      本文链接:https://www.haomeiwen.com/subject/hbhpyttx.html