2009-10-16 4 views
1

То, что я хочу создать это страница, которая извлекает результаты из моей БД и отображать их на две колонки, как это с помощью CSS (если Theres лучший способ) ...Сплит данные в двух столбцах с помощью CSS

Row 1 | Row 6 
Row 2 | Row 7 
Row 3 | Row 8 
Row 4 | Row 9 
Row 5 | Row 10 

второй столбец должен быть пустым, если не более 5 строк.

+0

Ok ну максимум число строк равно 5, так что если я сделаю вкладку le и используя ОДИН sql-запрос имеют первые 5 строк в первом столбце, и если число более 5 строк будет выводить следующие 5 во втором столбце? – Imran

ответ

1

Итак, если ваша цель состоит в том, чтобы иметь список, который обертывается на два столбца, в CSS нет стандартного способа сделать это. Один из методов, который предлагает CSS3 (но большинство браузеров не поддерживает), - это свойство columns, но плохая часть этого правила (последний раз, когда я проверял) заключается в том, что он заставляет вас выбрать фронт, сколько столбцов вы хотите, и вы можете Не указывайте идею «max-columns».

Но лучший обходной я нашел в A List Apart:

CSS Swag: Multi-Column Lists

Но если вы просто хотите использовать несколько столбцов данных, лучшим решением является использование HTML-таблиц.

0

если вы имели фиксированное количество строк для столбца 1

CSS:

.leftcolumn 
{ 
Float:left; 
} 
.other 
{ 
display:none; 
} 

HTML

<div class="leftcolumn"> 
return some rows here 
</div> 

<div class="<? other ?>"> 
return more rows here 
</div> 

PHP или любой другой язык

if 
[select count(*) from table where foo=bar DESC limit 20,0] >5 
other = "other" 
else 
other = "leftcolumn" 
Смежные вопросы