Как выровнять по центру div

108

07 мая 2021, 00:10

HTML:

<div id="oplatabutton">
   <iframe src="https://money.yandex.ru/quickpay/button-widget?targets=GramWay%20%22%D0%A0%D0%B5%D0%B7%D1%83%D0%BB%D1%8C%D1%82%D0%B0%D1%82%22&default-sum=14990&button-text=11&any-card-payment-type=on&button-size=m&button-color=black&mail=on&successURL=&quickpay=small&account=410013809845735&" width="184" height="36" frameborder="0" allowtransparency="true" scrolling="no"></iframe>
</div>

Answer 1

Если речь о выравнивании данного элемента по горизонтали внутри родительского, то для родительского элемента задайте

display: flex;
justify-content: center;

Пример:

.container { 
	display: flex; 
	justify-content: center; 
}

<section class="container"> 
    <div id="oplatabutton"> 
        <iframe src="https://money.yandex.ru/quickpay/button-widget?targets=GramWay%20%22%D0%A0%D0%B5%D0%B7%D1%83%D0%BB%D1%8C%D1%82%D0%B0%D1%82%22&default-sum=14990&button-text=11&any-card-payment-type=on&button-size=m&button-color=black&mail=on&successURL=&quickpay=small&account=410013809845735&" width="184" height="36" frameborder="0" allowtransparency="true" scrolling="no"></iframe> 
    </div> 
</section>

Answer 2

А можно без флексов )

#oplatabutton { 
  text-align: center 
} 
#oplatabutton span { 
 display: inline-block 
}

<div id="oplatabutton"> 
   <iframe src="https://money.yandex.ru/quickpay/button-widget?targets=GramWay%20%22%D0%A0%D0%B5%D0%B7%D1%83%D0%BB%D1%8C%D1%82%D0%B0%D1%82%22&default-sum=14990&button-text=11&any-card-payment-type=on&button-size=m&button-color=black&mail=on&successURL=&quickpay=small&account=410013809845735&" width="184" height="36" frameborder="0" allowtransparency="true" scrolling="no"></iframe> 
</div>

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

textarea javascript

Подскажите команду для того, чтобы с помощью javascript заполнить нужным текстом textareaТак выглядит контрол который я пытаюсь заполнить

116

Ошибки в функции - Unity

Имеется функция:

110

Неочевидное поведение блока using в C#

Наткнулся на такой необычный код на METANITОбъявлена структура:

115

как из View передавать данные в контроллер

Я хочу записать checkbox'ы в разные строки таблицы, но не понимаю как из View передать несколько checkbox'ов как разные записиПри этом без ActionResult где...

110