English | >> česky << | PortuguêsZVON > Tutorials > CSS2 tutorial
Úvod / Hledej / ZVON
>> Příklad 44 << | Předešlý | Následující | Index | Obsah

Data v buňce tabulky mohou být vertikálně zarovnána.

XML dokumentCSS stylOdkaz na příklad
(1)
     <AAA>
          <BBB>
               <CCC>ccc1 ccc1 ccc1 ccc1 </CCC>
               <DDD>ddd</DDD>
               <EEE>eee</EEE>
          </BBB>
          <BBB>
               <CCC>ccc2 ccc2 ccc2 ccc2 </CCC>
               <FFF>fff</FFF>
               <GGG>ggg</GGG>
          </BBB>
     </AAA>
* {padding:1ex; border:solid}
AAA {display: table; width:150px; border:none }
BBB {display: table-row; border:none}
CCC {display: table-cell}
DDD {display: table-cell; vertical-align:top}
EEE {display: table-cell; vertical-align:bottom}
FFF {display: table-cell; vertical-align:baseline}
GGG {display: table-cell; vertical-align:middle}
Zobraz výstupy