vahid

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

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

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


تازه به یه گزینه ای از 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 پیداش نکردم!!احتمال می دم منسوخ شده باشد....