2011-03-02 3 views
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

Почему вы не используете реальный стол? –

+2

** 1. ** Используйте таблицу '

' для таблицы. ** 2. ** Как выглядит ваш HTML-код? – thirtydot

+0

Таблицы подражания будут работать только в определенных браузерах (некоторые из последних версий Chrome, FF наверняка), но у них много проблем с совместимостью с версиями IE. Однако, если вы действительно хотите это сделать, вы должны добавить 'display: table',' display: table-row' и 'display: table-cell' к каждому из ваших классов. – Dan

ответ

3

Пожалуйста, используйте таблицы вместо воссоздающих таблиц. У них есть цель. Если вы создаете список трубчатых данных, например таблицу, просто используйте таблицу.

Это больше домашнее животное, но это всего лишь пустая трата кода, которая быстро становится неуправляемой.

0

Не слишком уверен в структуре вашей разметки, но если вы подражаете строке таблицы (.tr) и оберните каждую строку tds в нее, тогда у вас будет больше управления стилем через css.

Если нет, то также будет применяться только приграничное дно к классу td.

@seth тоже прав, нет проблем с использованием таблиц для отображения данных.

+0

Я пытался использовать альтернативу таблицам из-за программы создания PDF, которую я использую. Используя php, я генерирую огромную таблицу, используя

. Я очень доволен структурой этой таблицы, но программа для создания PDF-файлов - нет. – Evan

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