وسط انداختن تصوير
سلام دوستان لطفا كمكم كنيد اين كد دو روزه علافم كرده كد رو ميفرستم لطفا تصحيحش كنيد
HTML:
<div class="header">
<h2 class="name">amir mohammad</h2>
<img class="img" src="images/bokeh_car_lights_bg.jpg" alt="">
</div>.name {
font-size: 40px;
color: rgb(22, 19, 19);
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
display: flex;
justify-content: center;
}
.img{
width: 100px;
height: 100px;
border-radius: 100%;
display: inline-block;
text-align: right;
}
ثبت پرسش جدید
پاسخها
4سلام
.img{
width: 100px;
height: 100px;
border-radius: 100%;
margin-left: auto;
margin-right: auto;
display: block;
text-align: right;
}
با دو روش میتونین عناصر را وسط قرار بدین:
- از تگ
centerتوی html استفاده کنین - از
margin: 0 auto;توی css استفاده کنین
گفتگوهای مرتبط
شاید پاسخ شما همینجا باشد
و یا flex و justify-content-center
css شما یک ایراد داره
این کد css مشکلتون رو برطرف می کنه
.header {
display: flex;
justify-content: center;
}
.name {
font-size: 40px;
color: rgb(22, 19, 19);
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.img{
width: 100px;
height: 100px;
border-radius: 100%;
display: inline-block;
text-align: right;
}