Использование display: table-cell есть способ получить функциональность colspan, которая доступна при использовании реальных ячеек таблицы?Использование «display: table-cell» - это способ получить функциональность «colspan»?
В частности, мне нужны некоторые «ячейки» для размещения нескольких столбцов.
Настоящие таблицы не являются возможными, так как я использую форму для строки, которая не будет считаться реальной таблицей.
Нет, вы не можете добавить colspan или rowspan для отображения: table-cell. Это одно из ограничений в функции table-cell!
Вы можете проверить ограничения в этой ссылке и
http://www.onenaught.com/posts/201/use-css-displaytable-for-layout
Если вы хотите, чтобы привести функцию Colspan в таблицу-клетки, то вы должны использовать таблицы строк группы и таблицы заголовок функции следующим
display: table-caption
и
table-row-group;
Проверьте эту ссылку на скрипку: http://jsfiddle.net/ZQQY4/
Это хорошее обходное решение, но не может применяться для произвольных строк (скажем, 2-го или 5-го) в таблице. В таком случае «display: table» или встроенная таблица могут сделать трюк. –
http://jsfiddle.net/wo40ev18/3/ – Layke
Кудоны для скрипки и ответа должны идти по адресу: http://stackoverflow.com/a/9851624/383904 –
Установите ширину соответственно? – BenM
@BenM точка использования «display: table-cell» заключается в том, что ширина настраивается на размер содержимого. – fadedbee
Аналогичный вопрос: http://stackoverflow.com/questions/2403990/html-colspan-in-css –