نمونه کد
یک نمونه ساده از خاصیت column-fill:
آزمایشگاه
تعریف و کاربرد
برای تعادل بین ستون های دارای محتوا و فاقد محتوا از خاصیت column-fill استفاده می کنیم.
سازگاری با مرورگر
# |
کروم |
ادج |
فایرفاکس |
سافاری |
اپرا |
column-fill |
|
|
|
|
|
مقادیر
مقادیر |
توضیحات |
balance
|
یک تراز مساوی بین ستون ها ایجاد می کند که باعث می شود ارتفاع یا عرض آنها نسبت به محتوای بارگذاری شده در ستون، تغییر نکند و ثابت بماند.
|
auto
|
مقدار پیش فرض است؛ یک شکاف و فاصله بین ستون ها تعیین می کند.
|
initial
|
این مقدار را به ویژگی پیش فرض خود اضافه می کند.
|
inherit
|
این مقدار را از تگ والد خود به ارث می برد.
|