رفتن به مطلب

تنظیم فاصله پاراگرافها در css


soshiant

پست های پیشنهاد شده

سلام

من میدونم که برای تنظیم فاسله بین دو سطر در css باید از 

line-height: 

استفاده کنیم

حالا اگه بخوایم فاصله بین دو تا پاراگراف رو کم و زیاد کنیم از چه کدی استفاده کنیم؟

ممنون میشم کمک کنید دوستان

لینک به ارسال

سلام

تگ p رو سلکت کنید و بهش margin-bottom بدید. مثال:

.product p {
    margin-bottom: 20px;
    padding: 0;
}

 

لینک به ارسال
در در 5/5/2019 at 09:32، muhmdzarei گفته است :

سلام

تگ p رو سلکت کنید و بهش margin-bottom بدید. مثال:


.product p {
    margin-bottom: 20px;
    padding: 0;
}

 

تشکر از این که وقت میذارید برام

ببینید الان این کد برای متن پستهای منه

.box-conect {
	/* width: 90%; */
	height: auto;
	font-family: iransans;
	font-size: 14px;
	color: #000000;
	display: block;
	text-align: justify;
	margin: 0 auto;
	line-height: 27x;
	padding: 15px 35px;
	line-height: 23px;
	text-indent:0px;
	padding: 12px;
}

چطوری میتونم کدی که دادید رو بهش اضافه کنم تا بتونم فاصله بین پاراگرافها رو تنظیم کنم؟ خودتون لطف میکنید بهش اضافه کنید و بذارید اینجا تا من کپی کنم؟

ویرایش شده توسط soshiant
لینک به ارسال

بفرمایید

.box-conect {
	/* width: 90%; */
	height: auto;
	font-family: iransans;
	font-size: 14px;
	color: #000000;
	display: block;
	text-align: justify;
	margin: 0px auto 20px auto;
	line-height: 27x;
	padding: 15px 35px;
	line-height: 23px;
	text-indent:0px;
	padding: 12px;
}

 

لینک به ارسال
در در 5/7/2019 at 12:48، muhmdzarei گفته است :

بفرمایید


.box-conect {
	/* width: 90%; */
	height: auto;
	font-family: iransans;
	font-size: 14px;
	color: #000000;
	display: block;
	text-align: justify;
	margin: 0px auto 20px auto;
	line-height: 27x;
	padding: 15px 35px;
	line-height: 23px;
	text-indent:0px;
	padding: 12px;
}

 

سلام

کد رو جایگزین کردم اما فاصله بین پاراگرافها تغییر نکر فقط زیر پست (بین این پست و پست بعدی) به اندازه مقدار pxی که دادیم فاصله افتاد

لینک به ارسال
در ۱ ساعت قبل، soshiant گفته است :

سلام

کد رو جایگزین کردم اما فاصله بین پاراگرافها تغییر نکر فقط زیر پست (بین این پست و پست بعدی) به اندازه مقدار pxی که دادیم فاصله افتاد

سلام

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

لینک به ارسال
.box-conect .entry p {
	/* width: 90%; */
	height: auto;
	font-family: iransans;
	font-size: 14px;
	color: #000000;
	display: block;
	text-align: justify;
	margin: 0px auto 20px auto;
	line-height: 27x;
	padding: 15px 35px;
	line-height: 23px;
	text-indent:0px;
	padding: 12px;
}

 

در 1 ساعت قبل، soshiant گفته است :

 

لینک به ارسال

دمت گرم رفیق درست د.

فقط این کدی که دادی رو :

در در 5/9/2019 at 18:30، muhmdzarei گفته است :

.box-conect .entry p {
	/* width: 90%; */
	height: auto;
	font-family: iransans;
	font-size: 14px;
	color: #000000;
	display: block;
	text-align: justify;
	margin: 0px auto 20px auto;
	line-height: 27x;
	padding: 15px 35px;
	line-height: 23px;
	text-indent:0px;
	padding: 12px;
}

 

جایگزین کد قبلی که در سی اس اس هست بکنم ینی این:

.box-conect {
	/* width: 90%; */
	height: auto;
	font-family: iransans;
	font-size: 14px;
	color: #000000;
	display: block;
	text-align: justify;
	margin: 0px auto 20px auto;
	line-height: 27x;
	padding: 15px 35px;
	line-height: 23px;
	text-indent:0px;
	padding: 12px;
}

یا اکد قبلی رو نگه دارم و اینی که شما دادیو زیرش کپی کنم؟

لینک به ارسال
در 48 دقیقه قبل، soshiant گفته است :

یا اکد قبلی رو نگه دارم و اینی که شما دادیو زیرش کپی کنم؟

جایگزین کنید

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...