سجاد موسوی

تنظیم فاصله خطوط متن‌های عادی به صورت پیش‌فرض

سلام وقتتون بخیر،

چطور میشه فاصله‌ی بین خطوط (که حدس میزنم بهش line height میگند) رو به صورت دیفالت کم و زیاد کرد؟ الان حس میکنم خطوط خیلی به هم نزدیک هستند.

The best answer is selected
سیدهاشم افخمی

سلام

بله برای فاصله ی بین خطوط از line-height در css استفاده میشه که میتونید در سایت w3schools اموزشش رو نگاه کنید که به چه صورت هست.

CSS line-height Property

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

body {
  line-height: 1.6;
}

منظور از ۱.۶ یعنی اینکه فاصله بین خصوص ۱.۶ برابر اندازه سایز فونت باشه ،‌این مقدار رو میتونید به صورت درصد یا با واحد هایی مثل px هم قرار بدید.

نکته ای که وجود داره اگر در بخشی از صفحه این مشخصه مقدار دهی شده باشه ، این کد تاثیری نداره باید برای اون بخش کد ویژه خودش رو اضافه کنید.

به طور مثال برای فاصله بین خطوط در همین پاسخی که میخونید باید چنین کدی نوشته بشه :

.reply-content p{
    line-height: 2em;
}

قسمت body و .reply-content p در کدهای بالا در css بهشون سلکتور میگن ،‌ اگر میخواید با css کار کنید بهتون توصیه میکنم چند روز زمان بگذارید و مباحث پایه css مثل همین سلکتور ها رو مطالعه کنید.

مفاهیم ساده ای هست که میتونید چند روزی زمان بگذارید و آموزشش ببینید. (در همین سایت w3scools آموزش ها ساده و مفیدی هست.)

سیدهاشم افخمی

سلام

بله برای فاصله ی بین خطوط از line-height در css استفاده میشه که میتونید در سایت w3schools اموزشش رو نگاه کنید که به چه صورت هست.

CSS line-height Property

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

body {
  line-height: 1.6;
}

منظور از ۱.۶ یعنی اینکه فاصله بین خصوص ۱.۶ برابر اندازه سایز فونت باشه ،‌این مقدار رو میتونید به صورت درصد یا با واحد هایی مثل px هم قرار بدید.

نکته ای که وجود داره اگر در بخشی از صفحه این مشخصه مقدار دهی شده باشه ، این کد تاثیری نداره باید برای اون بخش کد ویژه خودش رو اضافه کنید.

به طور مثال برای فاصله بین خطوط در همین پاسخی که میخونید باید چنین کدی نوشته بشه :

.reply-content p{
    line-height: 2em;
}

قسمت body و .reply-content p در کدهای بالا در css بهشون سلکتور میگن ،‌ اگر میخواید با css کار کنید بهتون توصیه میکنم چند روز زمان بگذارید و مباحث پایه css مثل همین سلکتور ها رو مطالعه کنید.

مفاهیم ساده ای هست که میتونید چند روزی زمان بگذارید و آموزشش ببینید. (در همین سایت w3scools آموزش ها ساده و مفیدی هست.)

ایجاد گفتگو جدید

اگر سوالی دارید ، اگر چالشی در فروشگاه خود دارید ، می توانید گفتگو خود را ایجاد نمایید.

ایجاد گفتگو جدید

دوره های آموزشی

Loading...