0

如何将 Span 定位在其容器的底部？

到目前为止我所拥有的：http: //jsfiddle.net/wRbax/2/
我希望.box始终处于底部.td

CSS

.td {
    vertical-align: top;
    color: white;
    border: 1px solid black;
}

.value {
    padding: 2px;
    text-align: center;
    background: blue;
    float: left;
}

.box {;
    padding: 2px;
    background: red;
}

HTML

<table>
    <tr>
        <td class="td">
            <span class="value">Value 1</span>
            <span class="box">X</span>
        </td>
        <td class="td">
            <span class="value">Value<br>2</span>
            <span class="box">X</span>
        </td>
    </tr>
</table>
4

2 回答 2

0

您还可以将以下规则添加到 html 中的框类中：-

显示：块；

http://jsfiddle.net/LMgRa/

但如前所述，您可以通过使用 div 来实现相同的目的。马特

更新：试试这个：- http://jsfiddle.net/LMgRa/1/

于 2012-05-30T11:34:23.637 回答
0

看到这个工作示例

http://jsfiddle.net/wRbax/19/

用 div 替换 span

于 2012-05-30T11:23:37.247 回答