cssblog.ir logo
P

min-width

تعیین حداقل عرض عناصر با خاصیت min-width

min-width مشخصه ساده و کاربردی است که به توسعه‌دهندگان این امکان را می‌دهد تا میزان حداقل عرض یک عنصر را کنترل نمایند و از آن در کنار مشخصه width استفاده کنند

مشخصه min-widthحداقل عرضی که عنصر باید داشته باشد را تعیین می کند. برای این مشخصه می‌توان از تمام مقادیر مجاز طول در CSS استفاده نمود. مثال: 

 نکته این مشخصه این است که اگر از این مشخصه در کنارwidth استفاده شود و مقدار min-widthبیشتر ازwidth تعیین شده باشد، مشخصه min-widthباعث نقض شدنwidth خواهد شد. برای مثال:

همچنین برعکس این حالت نیز صادق است. یعنی اگر مقدارwidth بیشتر از min-widthباشد، مقدارwidth بعنوان عرض نهایی اعمال خواهد شد.

span {
    display: inline-block;
    min-width: 200px;
    width: 400px;
}

همچنین معمولا توصیه می شود در صورتیکه قصد استفاده از دو مشخصهwidth و min-widthرا بطور همزمان داشته باشید بهتر است که از مقدار درصدی برایwidth و از مقدار پیکسلی برای min-widthاستفاده کنیم.

یک مثال با زبان تشریحی در این مورد: «می خواهم که عرض تو ۴۰ درصد فضایی که در آن قرار داری باشد اما همچنین نمی خواهم که که هیچوقت کمتر از ۲۰۰ پیکسل باشی» 

در مثال فوق عرض عنصر همیشه به اندازه ۷۰ درصد والد آن است اما هیچوقت از ۳۰۰ پیکسل کمتر هم نمی‌شود. این رویکرد در برخی از مواقع کاربرد خود را خواهد داشت.

دیدگاه کاربران

تاکنون <% totalComments %> دیدگاه برای این مطلب ثبت شده است.

تاکنون دیدگاهی ثبت نشده است. شما می توانید اولین شخصی باشید که دیدگاه خود را ارسال می کند

<% errorMessage %>

<% comment.name %>

avatar
<% comment.comment_replies.length %> پاسخ برای این دیدگاه ثبت شده است

<% reply.name %>

avatar

ارسال دیدگاه جدید

برای ارسال دیدگاه یا پرسش جدید از طریق فرم زیر اقدام کنید.

ارائه پاسخ به دیدگاه

شما در حال پاسخ دادن به دیدگاه «<% replyComment.name %>» هستید. انصراف از پاسخ

  • <% s %>
  • <% e %>

نکاتی درباره دیدگاه ها

  1. برای حذف کپچا (عبارت امنیتی) وارد اکانت خود شوید
  2. شما می توانید از markdown داخل کامنت خود استفاده کنید (اطلاعات بیشتر)
  3. دیدگاه ها قبل از نمایش نیازمند تائید می باشند