TD is a block element,
but displays like inline,say,several TDs within a TR display in the same line,
why?
Is there a more consistent way to explain that?
Shore
2009-06-29 12:16:08
Shore, you might as well ask why links are clickable. It's inherent to their existence - it's the behavior they were created to display.
Jonathan Sampson
2009-06-29 12:16:51
ok,ic .:)
Shore
2009-06-29 12:18:10
One of the rare occasions "just because" is an adequate response :)
Jonathan Sampson
2009-06-29 12:54:57
+14
A:
TD's are actually not technically "block" elements. Have a look at the CSS display property. Cells are technically of type "table-cell" and they are a special case.
There is also another type of display called "inline-block" which can be useful.
Matt Bridges
2009-06-29 12:16:25
upvoted, since it's almost exactly what I answered with, though I was a few seconds slower =) ...deleting
David Thomas
2009-06-29 12:18:33
It's similar, but not exactly the same. There are special layout considerations for tables that don't apply to explicit inline-block elements, although I can't think of any off the top of my head.
Matt Bridges
2009-06-29 12:35:04
A:
If you want a <td> to display as a "block," simply add another <tr> below the current <tr>. This will effectively make the <td> act like a block-level element.
Let's say you have a table like this:
<table>
<tr>
<td>Table cell A</td>
<td>Table cell B</td>
</tr>
</table>
And you want "Table cell B" to act like a "block." You could do this:
<table>
<tr>
<td>Table cell A</td>
</tr>
<tr>
<td>Table cell B</td>
</tr>
</table>
This moves Table cell B below Table cell A.
Tim S. Van Haren
2009-06-29 12:22:57