Таблицы с выравниванием по левому краю с помощью CSS

Question

Я хотел бы выровнять таблицу с помощью CSS, аналогично выравниванию = слева в стандартном HTML, но я понимаю, что это плохая форма. Есть какой-либо способ сделать это? Если нет, есть ли способ форматировать выровненный по левому краю список ссылок, который находится рядом с содержимым, без использования таблиц?

Answer 1

Для простоты, возьмите вещи из тегов стиль и использовать классы CSS вместо:

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

просто. С отображаемым списком вам нужно указать элемент <ul>, содержащий стиль overflow: auto;, чтобы удалить поплавок для следующего элемента, который отображается под ним.

После того, как из jeroen сказал, что да, таблица должна быть выровнена по умолчанию по умолчанию, если вы не установили dir="rtl" где-нибудь в вашей DOM. И в этом случае, если вы не являетесь креативными или не пишете на иврите, нет причин для его присутствия;)

Answer 2

Вы можете использовать неупорядоченный список для ссылок, поместить его в div и поплавать div слева. При правильном левом поле для содержимого список ссылок будет легко размещаться рядом с содержимым.

Кстати, таблица обычно выравнивается влево для начала, но если вы хотите разместить ее слева от содержимого, вы также можете поплавать в таблице слева.

Answer 3

Как отметил Джейсон, в HTML все выровнено по умолчанию. Если содержимое вашей таблицы не выровнено по левому краю, вы либо каким-либо образом изменили их выравнивание, либо увидите побочный эффект от какого-либо дополнения или чего-то еще. Для того, чтобы «исправить» такую ​​таблицу, попробуйте CSS вдоль линий:

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

Answer 4

Ответ «Как я выровнять текст внутри таблицы?», А не о дивы или как они плавали.

Вот как сделать таблицу появляются на левой части страницы без использования устаревшее атрибут выравнивания:

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

Не забудьте указать ширину меньше, чем контейнер стола еще достаточно большой для ваших нужд.

Answer 5

использование margin:auto 0
это как чудо