کدپلن

دو ستونه و مرتب کردن نوشته های وبسایت !

در صورتیکه میخواهید مطالبتان در دو ستون یا بیشتر نمایش داده شود از کد زیر استفاده نمایید

.newspaper
{
-moz-column-count:2; /* Firefox */
-webkit-column-count:2; /* Safari and Chrome */
column-count:2;
-moz-column-gap:40px; /* Firefox */
-webkit-column-gap:40px; /* Safari and Chrome */
column-gap:40px;
}

که moz-column-count و webkit-column-count و column-count تعداد ستون ها و moz-column-gap و webkit-column-gap و column-gap فاصله بین ستون ها را در انجین های مختلف مرورگری را مشخص می کند

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

.p{
text-align:justify;
font-size: 12px;
font-family:tahoma;
line-height:25px;
}

که text-align دقیقا کار align کردن در MS. WORD را انجام می دهد و line-height فاصله بین خطوط را تنظیم می کند.

به عنوان نمونه می توانید لینک روبرو را مشاهده نمایید  : نمونه