Html 如何使文本始终保持在td的左上角?
如果第二个div/span中的文本足够长,则第一个div/span保留在上角。但是如果在第二div/跨度中没有任何东西,那么第一个div/SPAN位于TD的中间。 我正在使用IE8 日历的HTML代码段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
<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;
}