Html 如何使文本始终保持在td的左上角?

Html 如何使文本始终保持在td的左上角?,html,css,html-table,internet-explorer-8,Html,Css,Html Table,Internet Explorer 8,如果第二个div/span中的文本足够长,则第一个div/span保留在上角。但是如果在第二div/跨度中没有任何东西,那么第一个div/SPAN位于TD的中间。 我正在使用IE8 日历的HTML代码段 <table id="calendar"> <thead> <tr><th>April</th></tr> <tr> <th>Sun&l

如果第二个div/span中的文本足够长,则第一个div/span保留在上角。但是如果在第二div/跨度中没有任何东西,那么第一个div/SPAN位于TD的中间。 我正在使用IE8

日历的HTML代码段

<table id="calendar">
    <thead>
        <tr><th>April</th></tr>
        <tr>
            <th>Sun</th>
            <th>Mon</th>
            <th>Tues</th>
            <th>Wed</th>
            <th>Thur</th>
            <th>Fri</th>
            <th>Sat</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>
                <div>
                    <span>1</span>
                </div>
                <div>
                    <span></span>
                </div>
            </td>
            <td>
                <div>
                    <span>2</span>
                </div>
                <div>
                    <span></span>
                </div>
            </td>
            <td>
                <div>
                    <span>3</span>
                </div>
                <div>
                    <span></span>
                </div>
            </td>
            <td>
                <div>
                    <span>4</span>
                </div>
                <div>
                    <span></span>
                </div>
            </td>
            <td>
                <div>
                    <span>5</span>
                </div>
                <div>
                    <span></span>
                </div>
            </td>
            <td>
                <div>
                    <span>6</span>
                </div>
                <div>
                    <span></span>
                </div>
            </td>
            <td>
                <div>
                    <span>7</span>
                </div>
                <div>
                    <span></span>
                </div>
            </td>
        </tr>
    </tbody>
</table>

垂直对齐:顶部
就可以了。

试试这个

div {
    height: 14px;
    margin-top: -4px;
}

你有没有试过在空的跨度中放置一个不间断的空间?有时候IE用空元素做一些奇怪的事情。把
div
s放在
td
s里面的目的是什么?只需使用
table
s或只需使用
div
s即可。@Sparky672:我看到另一个堆栈溢出帖子表明了这一点。在div或span中。。。或者两者都有?文本如何对齐:居中放在左边?我不明白你的问题?我不清楚你的问题告诉我你的问题shortly@dotnetN00b询问如何将文本放在表格单元格的左上角。我想知道将文本与中心对齐将如何实现这一点。
div {
    height: 14px;
    margin-top: -4px;
}