وسط چین کردن متن
سلام دوستان من تازه وارد دوره css شدم میخوام بدونم چطور متنی که توی تگ p دارم رو بیارم وسط صفحه و به چند روش میتونم این کارو بکنم؟؟
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
با 4 روش میتونی اینکارو بکنی:
1 . داخل تگ از align استفاده کنی
<p align="center">Example text</p>-
با text-align در css
p { text-align: center; } -
با flex در css
p { display: flex; justify-content: center; } -
با transform و position در css (ولی این روش پیشنهاد نمیشه)
p { position: absolute; left: 50%; transform: translate(-50%, 0); }
سلام رفیق، امیدوارم حالت خوب باشه. میتونی دو پست زیر رو مطالعه کنی و روش های کلی وسط چین کردن تو سی اس اس رو یاد بگیری. ولی برای متن ها راحت ترین راه کار استفاده از ویژگی text-align با مقدار center هست. چون تگ p یک تگ از نوع block هست کل فضا که داره رو اشغال میکنه و فضا داره که متن را جا به جا کنه. بنابر این پایه ای ترین کار برای وسط چین کردن متن که تو تگ p استفاده از همین ویژگی text-align. پیشنهاد میکنم دو مقاله زیر رو بخونی اگه میخوای مبحث وسط چین توی سی اس اس رو خوب یاد بگیری:
Centering in CSS: A Complete Guide
CENTERING THINGS
با 4 روش میتونی اینکارو بکنی:
1 . داخل تگ از align استفاده کنی
<p align="center">Example text</p>-
با text-align در css
p { text-align: center; } -
با flex در css
p { display: flex; justify-content: center; } -
با transform و position در css (ولی این روش پیشنهاد نمیشه)
p { position: absolute; left: 50%; transform: translate(-50%, 0); }
این مطلب پر بار رو خوانش کنید:
https://css-tricks.ir/tutorial/وسط-قرار-دادن-عناصر-در-css/
