إدراج مقسم عمودي بشكل غير معقول في التصميم
-
25-09-2019 - |
سؤال
أريد إدراج مقسم رأسي رمادي يقسم الجانبين بالتساوي لإظهار تقسيم منطقي. نظرًا لأن المحتوى الموجود على الجانبين يمكن أن يختلف في الارتفاع اعتمادًا على ما يختاره المستخدم ، فإن المقسم يحتاج إلى توسيع نطاقه بشكل مناسب - بمعنى آخر ، لا يمكن أن يكون ثابتًا.
جانبا ، من الناحية المثالية ، سيكون عنصر النمط هذا شيئًا يمكنني إدراجه وإزالته بشكل مشروط. من الواضح أن نوعًا من div سيعطي السيطرة إلى الحد الأقصى.
إليك رمز HTML/CSS الحالي:
المحلول
بدلاً من إدخال عنصر ما ، كنت أنظر إلى تصميم الجانبين كأعمدة متساوية. استخدم يمين الحدود على الجانب الأيسر ، أو اليسار الحدودي على اليمين ، لإظهار التقسيم.
نرى: CSS - أعمدة ارتفاع متساوية؟ للحصول على إرشادات على الأعمدة المتساوية.
نصائح أخرى
ماذا عن تطبيقك border-left: 2px solid gray
أو border-right: 2px solid gray
إلى أحد الأعمدة؟