Выровнять по горизонтали строки таблицы - PullRequest
3 голосов
/ 13 июля 2011

Возможно ли выравнивание строк по горизонтали?

Что скажет большинство людей: "Почему вы начинаете новую строку, если хотите, чтобы ячейки выравнивались по горизонтали?"

Мой ответ: " Я не могу контролировать структуру таблицы. Я просто не могу, хорошо? "


Код:

tr {
    display: inline;
}

Это хорошо выглядит в FireFox, но Internet Explorer 7 выравнивает строки по вертикали.Я бы предпочел не использовать JavaScript.

РЕДАКТИРОВАТЬ: Прежде чем вы начнете JavaScript-хакерство, я уже придумал что-то вроде этого:

String.prototype.replace.call(table.innerHTML,/<\/tr>.*<tr>/,"")

Ответы [ 3 ]

4 голосов
/ 13 июля 2011

А как насчет этого?

Код:

table tr { display: table-cell; };

Надеюсь, я помог.

1 голос
/ 13 июля 2011

Попробуйте использовать float:left; вместо отображения inline.

0 голосов
/ 13 июля 2011

Если вы хотите центрировать содержимое tr, запишите его как

tr {width:100%, text-align:center} 

Если вы хотите указать точную ширину и центрировать всю таблицу, сделайте следующее:

table {width:100px (exact width), margin:0 auto; text-align:center}

Если у вас возникла проблема с выравниванием, float:left; исправит ее.

...