2012-08-28 1 views
0

У меня есть кусок кода, скажемсписки определений Styling по горизонтали с термином ONTOP определения

<dl> 
    <dt>term 1</dt> 
    <dd>My data</dd> 
    <dt>term 1</dt> 
    <dd>My data</dd> 
    <dt>term 1</dt> 
</dl> 

с помощью CSS (3), как бы я добиваюсь выравнивая их так, чтобы порядок был, как так?

Definition Definition ...... 
Term   Term 

Спасибо всем!

ответ

2

Если они имеют фиксированную ширину и высоту, или, если они не должен смещаться на следующую строку, это должно быть возможно с небольшим хакерством:

http://jsfiddle.net/GolezTrol/hN34S/

0

Нет никакого способа сделать это без дополнительного оберточного элемента. Вот очень хороший сайт для списков определений стиля: http://www.maxdesign.com.au/articles/definition/

+0

К счастью, ничего невозможного, ESP с использованием CSS3 и HTML5! –

+0

@iRedMedia - Если у вас есть решение, которое не требует дополнительных элементов оболочки, и может обрабатывать данные с переменным размером, я бы хотел его увидеть. Я считаю себя достаточно компетентным, когда дело доходит до HTML/CSS/JavaScript, и без фиксации размеров элементов или с помощью обертки я не вижу, как это можно сделать. – jkinz

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