Html 沿顶部对齐单元格中的标签（有效和垂直对齐不起作用）

我在使单元格内的跨距元素与单元格顶部对齐时遇到问题。它们一直在中间对齐。我尝试了

valign

以及

vertical align

（在CSS中）

table类是引导的一部分

---

就像一个符咒。使用bootstrap时，请确保css类更加具体。使用

.table td

代替

td

。表span{
显示：块；
}
.表td{
垂直对齐：顶部；
}

星期一
星期二
星期三
星期四
星期五
试验
试验
试验

您是否也可以将CSS与HTML或JSFIDLE一起粘贴？您是否尝试了valign=“top”？编辑以包含CSS详细信息。不适用于我。目前正在检查引导是否覆盖了某些内容…或者使用

table.table td

而不是仅使用

td

。是的，这对我来说很有用！使用.table>tbody>tr>td。我会接受你的回答，但也许会更新你发布的css代码？很好！我将更新答案，并添加引导框架。

<table class="table">
    <thead>
        <tr>
            <th>Monday</th>
            <th>Tuesday</th>
            <th>Wednesday</th>
            <th>Thursday</th>
            <th>Friday</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td colspan="2">
                <span class="label label-default"> Test </span>
                <span class="label label-default"> Test </span>
            </td>
            <td>
                <span class="label label-default"> Test </span>
            </td>
            <td></td>
            <td></td> 
        <tr>
    </tbody>
</table>

.label-cal {
    background-color: #5d97ce;
    display:block;
    margin:.3em;
  padding: .3em;
 }