Таблицы CSS Colspan

Хорошо, я стараюсь не использовать HTML-таблицы во всевозможные сейчас дни. Но я использую таблицы CSS, но мне интересно, есть ли эквивалент colspan в таблицах CSS.Таблицы CSS Colspan

У меня есть этот код

#fleetTable{display: table;width: 360px;margin: 0 auto;margin-top: 20px;font-size:.875em;float:left;} 
    .fleetRow{display: table-row;} 
    .fleetCell{display: table-cell;}

И этот HTML

<div id="fleetTable"> 
    <div class="fleetRow textright"> 
     <div class="fleetCell">Headline</div> <!-- I would like this to span both columns below but be centered --> 
    </div> 
    <div class="fleetRow textright"> 
     <div class="fleetCel;">Cell1</div> 
     <div class="fleetCell">Cell2</div> 
    </div> 
</div>

Что Селектор вы бы использовать здесь для достижения этой цели?

источник

2013-09-13 Travis

возможно дубликат [таблицы-клетки - какая-то Colspan] (http://stackoverflow.com/questions/9851582/table-cell-some-kind -of-colspan) – Quentin

Не выходите за борт. Совершенно нормально использовать таблицы для выкладки табличных данных. Если у вас действительно есть таблица данных, то ради бога используйте таблицу. Не используйте таблицы, чтобы сделать * page * layout. –

Да, это было дубликат, но Google не дал мне этот результат @Quentin, но спасибо за ссылку, которая будет работать. – Travis

Я делаю очевидное предположение, что ваш заголовок будет первой ячейкой первой строки и которая имеет класс .fleetCell. Таким образом, вы можете выбрать этот первый элемент, используя псевдо-селектор :first-child.

CSS

.fleetCell:first-child{ 
    text-align:center; 
}

JS Fiddle Example

источник

2013-09-13 20:53:58 Sachin

Интересный способ сделать это. Ваше предположение верно, для этого требуется поддержка IE7 и IE8 uggghhhh, но спасибо за ответ. Мне действительно нужно использовать псевдоэлементы для таких вещей. – Travis

Таблицы CSS Colspan

ответ

Смежные вопросы