Tablas de alineación izquierda con CSS

Question

Me gustaría alinear a la izquierda una tabla con CSS, de forma similar a align = left en HTML estándar, pero entiendo que esta es una forma incorrecta. ¿Hay alguna manera de hacer esto? Si no, ¿hay alguna forma de formatear una lista de enlaces alineados a la izquierda que esté al lado del contenido sin usar tablas?

Answer 1

Por simplicidad, tomar la materia hacia fuera de las etiquetas de estilo y uso de clases CSS lugar:

<ul style="text-align: left; float: left;"> 
    <li><a href="#">Your link here!</a></li> 
</ul> 

simple. Con la lista que se muestra, deberá dar al elemento que contiene <ul> el estilo de overflow: auto; para eliminar el flotante del siguiente elemento que aparece debajo.

Después de jeroen dijo, sí, una tabla debe dejarse alineada por defecto a menos que haya configurado dir="rtl" en algún lugar de su DOM. Y en ese caso, a menos que esté siendo creativo o esté escribiendo en hebreo, no hay razón para que esté allí;)

Answer 2

Puede usar una lista desordenada para los enlaces, colocarla en un div y flotar la div izquierda. Con un margen izquierdo adecuado para los contenidos, la lista de enlaces flotará muy bien junto a los contenidos.

Por cierto, una tabla normalmente se alinea a la izquierda para empezar, pero si desea colocarla a la izquierda de su contenido, también puede flotar la tabla a la izquierda.

Answer 3

Como comentó Jason, todo está alineado por defecto en HTML. Si los contenidos de su mesa no se alinean a la izquierda, debe haber cambiado su alineación de alguna manera, o está viendo el efecto secundario de algo de relleno o algo así. Para "fijar" una tabla de este tipo, trate de CSS a lo largo de las líneas de:

<style> 
TABLE, TBODY, TR, TD, TH { 
    text-align:left; 
    padding:0; 
    border-spacing:0; /* or border-collapse:collapse */ 
} 
</style> 

Answer 4

Responder a "¿cómo puedo alinear el texto dentro de la tabla?", No se trata de divs o cómo flotar ellos.

Aquí es cómo hacer una tabla aparece en la parte izquierda de la página sin necesidad de utilizar el atributo align en desuso:

<table style="margin-right:auto;margin-left:0px"> 

Asegúrese de especificar un ancho de menos de contenedor de la mesa todavía lo suficientemente grande para tus necesidades

Answer 5

uso margin:auto 0
es como un milagro