امیر محمد
3 سال پیش توسط امیر محمد مطرح شد
4 پاسخ

وسط انداختن تصوير

سلام دوستان لطفا كمكم كنيد اين كد دو روزه علافم كرده كد رو ميفرستم لطفا تصحيحش كنيد
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;
}

ثبت پرسش جدید
مجتبی دلشاد
تخصص : توسعه دهنده بک اند
@delshad 3 سال پیش مطرح شد
1

سلام

.img{
    width: 100px;
    height: 100px;
    border-radius: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    text-align: right;
}

محمد حسین
تخصص : mevn stack
@saghari 3 سال پیش مطرح شد
0

با دو روش میتونین عناصر را وسط قرار بدین:

  1. از تگ center توی html استفاده کنین
  2. از margin: 0 auto; توی css استفاده کنین

سعید
تخصص : برنامه نویس وب
@Saeeed 3 سال پیش مطرح شد
0

و یا flex و justify-content-center


محمدصادق عبداللهی
تخصص : junior full stack developer
@mimsadAlef 3 سال پیش مطرح شد
0

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;
}

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام