Text center
سلام چطوری میتونم این المنت رو وسط وصفحه قرار بدم
http://uupload.ir/files/vyh2_suntitled.png
اینم کدم
<header>
<div class="description">
<h1>من فرهاد باقری ام</h1>
</div>
</header>header{
height: 100vh;
background: url(../image/header.jpg);
background-position: center;
background-size: cover;
}
header .description{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
color: white;
font-size: 30px;
}
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
ثبت پرسش جدید
![user-avatar]()
![user-avatar]()
گزارش تخلف
کپی کردن
0
به این نشانی مراجعه کنید، روش های مختلفی رو بهتون یاد میده:
نشانی:
https://css-tricks.ir/tutorial/وسط-قرار-دادن-عناصر-در-css/
گزارش تخلف
کپی کردن
0
گزارش تخلف
کپی کردن
0
پیشنهاد میکنم از قابلیت flexbox استفاده کنید. آموزش هاش در سایت راکت هست.
https://roocket.ir/series/full-training-flexbox
گزارش تخلف
کپی کردن
0
سلام
ترجیحا تگ h1 را در عرض صفحه 100% قرار دهید و برای آن از text-align: center استفاده کنید