vahid

کاربرد نمایش element هایی به صورت display :compact در Css چیست؟

vahid ۱۳۹۵/۰۴/۰۱ 121 زبان سی‌اس‌اس

سلام به همگی...

تازه به یه گزینه ای از display  برخوردم که compact  هست که خاصیتاش خیلی باحاله...ولی دقیقا نمیدونم کاربردش چیه ؟ توی نتم که گشتم مثالی ازش پیدا نکردم..تو سایتم ازش استفاده کردم کارمو راه انداخت ولی از اینکه یه موقعی بخوام تغییراتی به سایت بدم و ندونم که دقیقا چیکار کرده احتمال داره همه چی بهم بخوره ..میشه یکم مختصر دربارش توضیح بدین.

با تشکر فراوان

پاسخ‌ها به این تاپیک
stack programer
stack programer
۱۳۹۵/۰۴/۰۳

بسته به موقیعت می تونه بلاک یا این لاین نشان بدهد....

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
  <HEAD>
    <TITLE>A compact box example</TITLE>
    <STYLE type="text/css">
      DT { display: compact }
      DD { margin-left: 4em }
    </STYLE>
  </HEAD>
  <BODY>
    <DL>
      <DT>Short
        <DD><P>Description goes here.
      <DT>too long for the margin
        <DD><P>Description goes here.
    </DL>
  </BODY>
</HTML>

This example might be formatted as:

short    Description goes here

too long for the margin
         Description goes here

 که تعریفش این کرده  که داخل خط بالا  اولین خط هم ردیف short پرینت شده...ولی بعدی نه یعنی پیش فرض مرورگر بلاکی بوده با این دستور اینلانی شده....

compact: Depending on context, this value for the display

 property creates either an in-line or block level
 
rendering box. In each case different CSS properties 

may apply to the compact element. In a block level 

context, the compact element is rendered in the left

 or right margin of the block element. The compact element

 participates in line-height calculations for the current


 line, and the ‘vertical-align’ property value is relative
 
to the block element.

که  http://www.css3.com/display/

http://www.blooberry.com/indexdot/css/properties/classify/display.htm 

https://www.w3.org/TR/REC-CSS2/visuren.html

که من داخل w3school پیداش نکردم!!احتمال می دم منسوخ شده باشد....