HTML/Table Tags/alignment In Cell - TAG Index

Trang chủ » Html Td Align Vertical Center » HTML/Table Tags/alignment In Cell - TAG Index

Có thể bạn quan tâm

Browser
  • IE
  • Cr
  • Sf
  • Fx
  • O

The align and valign attributes of the TR and TD (TH) elements specifies the alignment of cell content.

<tr align="center" valign="top"></tr> : Applied to all cells in a row <td align="center" valign="top"></td> : Applied to one cell
Attribute Value Explanation
align=" " horizontal alignment in cell
left aligns to the left
center aligns to the center
right aligns to the right
valign=" " vertical alignment in cell
top aligns to the top
middle aligns to the middle
bottom aligns to the bottom

This can be specified with CSS. Please see the "Related Document" for details on CSS.

Example

Horizontal alignment
<table border="1" width="100%" height="100"> <tr> <td width="25%">Default</td> <td align="left" width="25%">Left</td> <td align="center" width="25%">Center</td> <td align="right" width="25%">Right</td> </tr> </table> Output
Default Left Center Right
Vertical alignment
<table border="1" width="100%" height="100"> <tr> <td width="25%">Default</td> <td valign="top" width="25%">Top</td> <td valign="middle" width="25%">Middle</td> <td valign="bottom" width="25%">Bottom</td> </tr> </table> Output
Default Top Middle Bottom
Horizontal and Vertical alignment
<table border="1" width="100%" height="100"> <tr align="center"> <td width="25%">Center</td> <td valign="top" width="25%">Center - Top</td> <td valign="middle" width="25%">Center - Middle</td> <td valign="bottom" width="25%">Center - Bottom</td> </tr> </table> Output
Center Center - Top Center - Middle Center - Bottom
All HTML elements as defined in the HTML Living Standard

Categories

  • HTML Tags
  • Page Tags
  • Text Tags
  • Link Tags
  • List Tags
  • Image Tags
  • Table Tags
  • Frame Tags
  • Form Tags
  • Embed Tags
  • Attributes
  • All HTML Tags
  • Relation Document

Từ khóa » Html Td Align Vertical Center