شرح صفوف ومحتوى الفقرة
يمكنك ضبط قيمة min-width بوحدات الطول المطلقة أو النسبية للخط بحسب طبيعة العنصر الذي تنسقه:
- وحدة البكسل
px: يمنح التصريحmin-width: 120pxأزرار الإجراءات مساحة نقر مريحة ومتزنة حتى لو كان نص الزر من حرفين فقط. - وحدة الجذر
rem: يكبّر التصريحmin-width: 8remالحد الأدنى تناسبياً عندما يرفع الزائر حجم الخط الأساسي في متصفحه. - وحدة المحرف
ch: يضمن التصريحmin-width: 16chعلى حقل<input>مساحة مرئية كافية لكتابة الرموز أو أسماء المستخدمين بوضوح.
CSS
.action-btn {
min-width: 120px;
padding: 10px 16px;
background-color: #7750b2;
color: #ffffff;
border: 2px solid #5b3894;
}