ستون بندی با CSS3

726 روز پیش

پويا صادقى , آموزش CSS

 ستون بندی با CSS3

برای ستون بندی محتوا از جدول استفاده میکنید؟ برای هر ستون یه Div میذارید ؟ اگه محتوا متغییر باشه چی؟
کد css برای موزیلا فایرفاکس:

-moz-column-width: 13em; -webkit-column-width: 13em;

کد بالا Div شما رو به ستون هایی با طول 13em تقسیم میکنه.

فاصله بین ستون ها:

-moz-column-gap: 1em; -webkit-column-gap: 1em;

تعداد ستون ها:

-moz-column-count: 3; -webkit-column-count: 3;

ایجاد خط بین ستون ها:

-moz-column-rule: 1px solid black;
 -webkit-column-rule: 1px solid black;
نوشته شده توسط
سلام! من پویا صادقی هستم؛ طراح وب استاتیک ، CSS/HTML ، دانشجوی نرم افزار. می تونید من رو در توییتر دنبال کنید، گالری من رو در deviantart ببینید، یا با ایمیل info@Pasargad-Graphic.com تماس بگیرید.



وبگردی

Design By Pouya Saadeghi Based on Mintaka Theme WPCorner

Copyright © 2012 Pasargad-Graphic