English | česky | >> Português <<ZVON > Tutorials > CSS2 tutorial
Introdução / Procura / ZVON
>> Exemplo 45 << | Anterior | Próximo | Index | Conteúdos

O conteúdo das céludas da tabela pode ser alinhado à esqueda, direita ou ao centro (1). Também pode ser alinhado ao longo de um eixo vertical de acordo com um caracter especificado (2).

Documento XMLfolha de estilos CSSExemplo de ligação
(1)
     <AAA>
          <BBB>
               <CCC>12.12</CCC>
               <DDD>xxxx d xxxx</DDD>
          </BBB>
          <BBB>
               <CCC>111112.12</CCC>
               <EEE>x e xxxx</EEE>
          </BBB>
          <BBB>
               <CCC>12.122222</CCC>
               <DDD>xxxxxxx d xx</DDD>
          </BBB>
     </AAA>
* {padding:1ex;}
AAA {display: table;}
BBB {display: table-row;}
CCC {display: table-cell; text-align: right}
DDD {display: table-cell; text-align:left}
EEE {display: table-cell; text-align:center}
CCC,DDD,EEE {border:solid}
Ver resultado
Documento XMLfolha de estilos CSSExemplo de ligação
(2)
     <AAA>
          <BBB>
               <CCC>12.12</CCC>
               <DDD>xxxx d xxxx</DDD>
          </BBB>
          <BBB>
               <CCC>111112.12</CCC>
               <EEE>x e xxxx</EEE>
          </BBB>
          <BBB>
               <CCC>12.122222</CCC>
               <DDD>xxxxxxx d xx</DDD>
          </BBB>
     </AAA>
* {padding:1ex;}
AAA {display: table;}
BBB {display: table-row;}
CCC {display: table-cell; text-align: "."}
DDD {display: table-cell; text-align:"d"}
EEE {display: table-cell; text-align:"e"}
CCC,DDD,EEE {border:solid}
Ver resultado