مشكلة في عرض الصورة تحت CSS مخصص

متابعة للموضوع أدناه (كنت سأستمر هناك ولكن هذا الموضوع مغلق الآن):

يبدو أن عرض ملف صورة مخصص تم تنسيقه باستخدام CSS يحتوي على خطأ صغير - وهو أن الحد الأسود الصلب بحجم 1 بكسل على الجانب الأيمن لا يتم عرضه. يؤدي تصغير الصورة إلى 95٪ إلى حل المشكلة. تنسيق CSS المخصص هو border : 1px solid black. يعرض معاينة التحرير بشكل صحيح - ولكن النسخة الحية لا تعرضه. يمكن العثور على مثال هنا. كما ذكرت، هذا خطأ صغير، ولكنه ربما يستحق الإصلاح. شكرًا مقدمًا.

يمكنني تجنب هذه المشكلة عن طريق تعيين width : 98% أيضًا، ولكن لا أعتقد أنه يجب علي فعل ذلك؟ أي أفكار؟

يبدو أنه يحتاج فقط إلى box-sizing لجعل العرض التلقائي يأخذ في الاعتبار الحد.

.cooked img:not(.thumbnail, .ytp-thumbnail-image, .emoji), .d-editor-preview img:not(.thumbnail, .ytp-thumbnail-image, .emoji) {
  border: 1px solid #000;
  box-sizing: border-box;
}

@Alteras هذا يعمل. تصفيق سريع!

@ مشرفين: ربما يمكن تعديل الكود في هذا المنشور بشكل مناسب (أو هل هذا ضد البروتوكولات):

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.