هل من الممكن لمحاكاة تباعد بين خلايا الجدول مثل أن الرأسي والأفقي تباعد هي مختلفة ؟

Question

في CSS يمكنك تحديد التباعد بين خلايا الجدول باستخدام الحدود-تباعد الملكية من الجدول.

ومع ذلك ، فإن هذه النتائج في زي التباعد بين الأعمدة و الصفوف و انا إيجاد المزيد من الحالات حيث التصاميم أنا باستخدام الدعوة الفجوات بين الصفوف ، ولكن ليس الأعمدة ، أو بالعكس.

إذا كان لدي خلفية صلبة, أنا يمكن محاكاة تباعد باستخدام حدود نفس لون لون الخلفية.

ويمكن أيضا جعل شعبة (على سبيل المثال) الطفل الأول من كل خلية الجدول باستخدام إما الحشو أو هوامش للحصول على النتائج المرجوة, ولكن هذا هو الكثير من خارج العلامات فقط لاستيعاب النمط.

بالنظر إلى أن البيانات أنا هو عرض جداول البيانات, هل هناك طريقة معقولة لتحقيق هذا النمط باستخدام الجداول ؟

Answer 1

أنت <م> يمكن تحديد المسافات المختلفة للحواف الأفقية والعمودية لborder-spacing أو الخصائص ذات الصلة. مجرد تحديد قياس أكثر من واحد. منها مثلا.

border-spacing: 1px 2px;

Answer 2

في الحالة العامة حيث يمكنك تحديد calues thayt يمكن تطبيقها عالميا أو بشكل فردي على الملكية (على سبيل المثال ، "الحشو") ، اتبع نمط بسيط.

• إذا قمت بتحديد قيمة واحدة (مثلا ، الحشو:2px;) القيمة التطبيقية إلى الأعلى ، الأسفل ، اليسار واليمين من وجوه.

• إذا قمت بتحديد اثنين القيم (مثلا ، الحشو:2px 7px;) القيمة الأولى يتم تطبيق أعلى وأسفل ، الثاني إلى اليسار واليمين.

• إذا قمت بتحديد القيم الثلاث ، القيمة الأولى طبقت إلى الأعلى ، القيمة الثانية إلى اليسار و صحيح و القيمة النهائية إلى السفلي.

• إذا قمت بتحديد أربع القيم (مثلا ، الحشو:1px,2px,3px 4px;) على يتم تطبيق قيم إلى أعلى, الحق ، أسفل اليسار في هذا النظام (تذكر ترتيب استخدام كلمة المتاعب).