Html alineación de la Tabla de la derecha

--------------------------------
| item a                 item b |
| item c         item d  item e |

---------------------------------
| item a         item b          |
| item c         item d  item e  |

Tengo dos filas en una tabla, y me gustaría que cada uno tiene un alineadas a la izquierda del elemento, y algunos derecha alineado elementos, como en el primer ejemplo anterior.

Sin embargo, cuando me puse a item b, item d, y item e a align="right", me sale el comportamiento de la segunda parte del ejemplo de arriba. ¿Por qué es item b forro con item d y no right?

Editar: Jsfiddle

  • ¿Tienes el código, usted puede publicar aquí o se puede jsfiddle es? Yo muchas veces siento iluminado ayuda si puedo jugar con el código para ayudar a solucionar el problema.
  • Te gustaría pegar aquí el código?
  • Youre probablemente falta una celda en la que tr o no agregar un colspan=2 pero no podemos saber sin ver el código.
InformationsquelleAutor xdumaine | 2011-08-13

1 Kommentar

  1. 10

    Tenía un poco de sintaxis incorrecta. Estaba utilizando style="align-right" cuando creo que quiso decir style="text-align:right;". También es necesario agregar un colspan="2" a la <td> que necesita lapso de 2 columnas – también conocido como el «punto b» de la célula:

    <table width="500px">
        <tr>
            <td>
                item a
            </td>
            <td style="text-align:right;" colspan="2">
                item b
            </td>
        </tr>
        <tr>
            <td>
                item c
            </td>
            <td style="text-align:right;">
                item d
            </td>
            <td style="text-align:right;">
                item e
            </td>
        </tr>
    </table>

    http://jsfiddle.net/A5LDZ/2/

    • +1 Sí, el colspan solución es incluso mejor, ahorrar un poco de texto.
    • Ja! Gracias, yo tenía que error de sintaxis en mi jsfiddle. Acabo de poner que juntos rápidamente por la pregunta, y no tiene ese error en mi código original. Yo estaba tratando de utilizar el td de la propiedad align y no de estilo. así, en lugar de style="text-align:right", que originalmente se había align="right" pero fue el colspan que hizo el truco, en cualquiera de los casos.

Kommentieren Sie den Artikel

Bitte geben Sie Ihren Kommentar ein!
Bitte geben Sie hier Ihren Namen ein

Pruebas en línea