شرح صفوف ومحتوى الفقرة
إلى جانب وحدات الطول الرقمية، تقبل خاصية min-width النسب المئوية المحسوبة من عرض العنصر الأب وكذلك كلمات التحجيم الذاتي المرتبطة بالمحتوى:
- النسبة المئوية
%: يضمن التصريحmin-width: 40%ألا يقل عرض اللوحة عن أربعين بالمئة من عرض حاويتها الأب. - الكلمة المفتاحية
min-content: تضبط الحد الأدنى عند عرض أطول كلمة غير قابلة للانقسام داخل الصندوق فلا تخرج الحروف عن حدود الإطار. - الكلمة المفتاحية
fit-content: تحتضن المحتوى القصير على قدر حجمه تماماً مع لف السطور الطويلة قبل تجاوز المساحة المتاحة في الأب.
CSS
.word-safe-box {
width: 90px;
min-width: min-content;
padding: 12px;
border: 2px solid teal;
}