Какой самый правильный способ выравнить два последних столбца по центру?

Anymaxis · April 27, 2015

Некоторые моменты:

строк в таблице — сотни
классы каждой td наверное не рационально
col и colgroup вроде как устарели
желательна поддержка IE7

<table>  <tr>    <th>Название</th>    <th>Фигня</th>    <th>Дата</th>  </tr>  <tr>    <td>По левому краю</td>    <td align="center">По центру</td>    <td align="center">По центру</td>  </tr>  <tr>    <td>По левому краю</td>    <td align="center">По центру</td>    <td align="center">По центру</td>  </tr>  ...</table>

SelenIT · April 27, 2015

col и colgroup вроде как устарели

Информация не соответствует действительности.

psywalker · April 27, 2015

Какой самый правильный способ выравнить два последних столбца по центру?

В смысле? Не могли бы вы показать на скрине, как должно быть?

Anymaxis · April 28, 2015

to SelenIT

Возможно, но ниженаписанный код нигде не работает. А должен. Потому я и сделал вывод, что <col> тег устаревший (неактуальный). Или получается атрибут align не работает.

Прописав <col style="text-align:center;"> результата также не получил.

<!DOCTYPE HTML><html><head>  <meta charset="utf-8">  <title>Тег COL</title></head><body>  <table border="1">    <col width="300" align="left">    <col width="150" align="center">    <col width="150" align="center">    <tr>      <td>по левому</td>      <td>по центру</td>      <td>по центру</td>    </tr>    <tr>      <td>по левому</td>      <td>по центру</td>      <td>по центру</td>    </tr>    <tr>      <td>по левому</td>      <td>по центру</td>      <td>по центру</td>   </tr>  </table></body></html>

to psywalker (извини, запутал)

Все просто, вот картинка:

Edited April 28, 2015 by Anymaxis

afdw · April 28, 2015

http://jsfiddle.net/wyoo6u55/2/

Edited April 28, 2015 by afdw

monochromer · April 28, 2015

Потому я и сделал вывод, что тег устаревший (неактуальный). Или получается атрибут align не работает. Прописав результата также не получил.

То, что к тегу col не применяется атрибут align, еще не значит, что этот тег устаревший, просто к нему применяется ограниченный набор свойств. Посмотрите , например, эту тему.

Можно расширить этот пример

http://jsfiddle.net/wyoo6u55/2/

,

добавив еще для поддержки селекторов в IE7 и IE8 библиотеки selectivizr и, например, NWMatcher - https://jsfiddle.net/La4n0ett/

Edited April 28, 2015 by monochromer

afdw · April 28, 2015

http://jsfiddle.net/wyoo6u55/2/
,
добавив еще для поддержки селекторов в IE7 библиотеки selectivizr и библотеку и, например, NWMatcher - https://jsfiddle.net/La4n0ett/

IE7? Кто-его поддерживает ещё?!

SelenIT · April 28, 2015

ЕМНИП, как раз в IE7 text-align для колонок работал. А в новых браузерах, если у ячеек нет colspan/rowspan-ов, можно обращаться к ним по номеру в строке, а-ля td:nth-of-type(2)

monochromer · April 28, 2015

IE7? Кто-его поддерживает ещё?!

Автор вопроса.

Sign In

Какой самый правильный способ выравнить два последних столбца по центру?

Question

Anymaxis

Link to comment

Share on other sites

8 answers to this question

Recommended Posts

SelenIT

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Anymaxis

Link to comment

Share on other sites

afdw

Link to comment

Share on other sites

monochromer

Link to comment

Share on other sites

afdw

Link to comment

Share on other sites

SelenIT

Link to comment

Share on other sites

monochromer

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information