مختلطة أفقي CSS الرأسية مع
-
26-12-2019 - |
سؤال
أحاول إنشاء قائمة مع عمودي مختلط عناصر أفقية.هكذا يجب أن تبدو القائمة مثل:
البند 1 البند 3 البند 5 البند 7
البند 2 البند 4 البند 6 البند 8
ما حاولت ist html التالية:
giveacodicetagpre.و css:
giveacodicetagpre.لكنه لا يعمل، وأعتقد، إنه أكثر من اللازم ل CSS :)
أي شخص حصل على فكرة؟شكرا مقدما على أي مساعدة!
Greetings Est RO
المحلول
الحفاظ على العناصر الفردية العائمة اليسار.
جعل العناصر حتى ليس لها عرض (الهامش اليمنى: -115px) وموضعها 155 ص بمقدار 155 بكسل إلى اليسار ومسافة Apropiate إلى أسفل:
css
giveacodicetagpre.
نصائح أخرى
ما يمكنك فعله هو تعيين عناصر القائمة إلى
giveacodicetagpre.على كل عنصر من عناصر القائمة الخاصة بك، ثم تطفو منهم فقط.يمكنك التخلص من كل شيء آخر.كما أن الجانب لا يستخدم علامة القائمة هو مهملة.:)
jsfiddle
قام بتحديث الكمان
ربما شيء مثل هذا؟إنها صدئة بعض الشيء لكنها تناسب ما تريد.
أضفت بعض من وتغيير بعض الشيء
giveacodicetagpre.