انجمن کدستانMoisrex

با سلام .

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

برای ایجاد فاصله بین خطوط از خاصی line-height استفاده میشه و برای ایحاد فاصله بین کلمات از خاصیت text-decoration استفاده میشه . اینهارو با % باید تعیین کنید برای مثال :

1

line-height : 160%;

در کد بالا 60% فاصله بیشتری ایجاد میکنه . برای کمتر کردن میتونید از اعداد زیر 100 استفاده کنید برای مثال :

1

line-height : 70%;

اما نکته دیگه ای هم بهتره راجب خطوط و کلمات بگم که تاثیر فوق العاده ای داره justify هست . که بصورت زیر استفاده میشه :

XHTML

1

text-align:justify;

کارش اینه که فاصله بین کلمات رو طوری میکنه که همه خط ها از یک نقطه شروع بشن و در یک جا تموم بشن مثل کتاب های درسی و … مثل عکس زیر :

امیدوارم مطلب مورد استفاده شما واقع بشه .

منبع