مختلطة أفقي CSS الرأسية مع

Question

أحاول إنشاء قائمة مع عمودي مختلط عناصر أفقية.هكذا يجب أن تبدو القائمة مثل:

البند 1 البند 3 البند 5 البند 7
البند 2 البند 4 البند 6 البند 8

ما حاولت ist html التالية:

giveacodicetagpre.

و css:

giveacodicetagpre.

لكنه لا يعمل، وأعتقد، إنه أكثر من اللازم ل CSS :)

أي شخص حصل على فكرة؟شكرا مقدما على أي مساعدة!

Greetings Est RO

Answer 1

الحفاظ على العناصر الفردية العائمة اليسار.

جعل العناصر حتى ليس لها عرض (الهامش اليمنى: -115px) وموضعها 155 ص بمقدار 155 بكسل إلى اليسار ومسافة Apropiate إلى أسفل:

css

giveacodicetagpre.

Fiddle

Answer 2

ما يمكنك فعله هو تعيين عناصر القائمة إلى

giveacodicetagpre.

على كل عنصر من عناصر القائمة الخاصة بك، ثم تطفو منهم فقط.يمكنك التخلص من كل شيء آخر.كما أن الجانب لا يستخدم علامة القائمة هو مهملة.:)

jsfiddle

http://jsfiddle.net/earr7/

قام بتحديث الكمان

http://jsfiddle.net/earr7/2/

Answer 3

ربما شيء مثل هذا؟إنها صدئة بعض الشيء لكنها تناسب ما تريد.

أضفت بعض من وتغيير بعض الشيء

giveacodicetagpre.

http://jsfiddle.net/jxxu8/2/