منبع بسیار خوب، برای پاسخ به سوال شما:
https://css-tricks.ir/tutorial/وسط-قرار-دادن-عناصر-در-css/
روش های مختلفی برای این کار وجود داره و چالشی ترین بخشش هم وسط چینی عمودی (vertically) هست. شاید راحت ترین و بهترین روشش امروزه با استفاده از FlexBox و به شکل زیر باشه:
<div class="container">
<div class="child">SALAM</div>
</div>
.container{
display: flex;
justify-content: center;
align-items: center;
}
.child{
width: 50px;
height: 50px;
background: red;
}
با استفاده از flexbox ها این کار خیلی راحته میتونید از دوره راکت استفاده کگنید که واقعا عالیه
این کد cssشه
display: flex;
justify-content: center;
align-items: center;
.center {
position: absolute;
width: 100px;
height: 100px;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
background: red;
}
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟