0
Я использую следующие CSS, чтобы имитировать таблицу:Таблица с помощью CSS
.table {
width: 100%;
border: 1px solid #f00;
}
.table .th {
background-color: #f00;
color: #fff;
font-weight: bold;
border-bottom: 1px dotted #f00;
}
.table .td {
display: inline-block;
width: 23%;
padding-left: 2%;
}
Есть ли способ, чтобы иметь линию, которая будет разделять каждую строку? Thanks, Evan
Почему вы не используете реальный стол? –
** 1. ** Используйте таблицу '
Таблицы подражания будут работать только в определенных браузерах (некоторые из последних версий Chrome, FF наверняка), но у них много проблем с совместимостью с версиями IE. Однако, если вы действительно хотите это сделать, вы должны добавить 'display: table',' display: table-row' и 'display: table-cell' к каждому из ваших классов. – Dan
ответ
Пожалуйста, используйте таблицы вместо воссоздающих таблиц. У них есть цель. Если вы создаете список трубчатых данных, например таблицу, просто используйте таблицу.
Это больше домашнее животное, но это всего лишь пустая трата кода, которая быстро становится неуправляемой.
источник
2011-03-02 02:10:03 Seth
Не слишком уверен в структуре вашей разметки, но если вы подражаете строке таблицы (.tr) и оберните каждую строку tds в нее, тогда у вас будет больше управления стилем через css.
Если нет, то также будет применяться только приграничное дно к классу td.
@seth тоже прав, нет проблем с использованием таблиц для отображения данных.
источник
2011-03-02 02:11:25 sweetroll
Я пытался использовать альтернативу таблицам из-за программы создания PDF, которую я использую. Используя php, я генерирую огромную таблицу, используя
Смежные вопросы