در صورتیکه میخواهید مطالبتان در دو ستون یا بیشتر نمایش داده شود از کد زیر استفاده نمایید
.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 فاصله بین خطوط را تنظیم می کند.
به عنوان نمونه می توانید لینک روبرو را مشاهده نمایید : نمونه
دیدگاه بگذارید
Be the First to Comment!