Как выровнять по центру кнопку по горизонтали?

Question

Как выровнять по центру кнопку по горизонтали?

0

Я пытаюсь настроить код, который был предварительно написан, поэтому я не эксперт по кодированию, и мне это объяснялось в непрофессиональных условиях. В основном, я пытаюсь горизонтально центрировать выравнивание кнопки подписки.

Вот мой код ниже:

<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>

neonfleur 15 март 2014, в 05:19

Источник

0

есть ли какой-нибудь div вне этого div? Или выровнять по центру по горизонтали для div или окна?
عثمان غني 15 март 2014, в 03:39

Теги:

html

button

alignment

center

4 ответа

Ещё вопросы

есть ли какой-нибудь div вне этого div? Или выровнять по центру по горизонтали для div или окна?

Uncle Jed · Answer 1 · 2014-03-15T02-34-00.000Z

Самый простой способ горизонтального центрирования элемента - установить его margin-left и margin-right на "auto" в вашем CSS.

Например, стиль элемента по id:

#mc-embedded-subscribe {
    margin-left: auto;
    margin-right: auto;
}

Или используйте маржу для центрирования элементов с классом "кнопка" по горизонтали, без верхнего или нижнего поля:

input.button {
    margin: 0 auto;
}

Стиль AleshaOleg inline также будет работать. (И это, вероятно, лучший способ пойти, если вам не нравится CSS.

Sandeep Kumar · Answer 2 · 2014-03-15T02-03-00.000Z

У вас есть много ответов на запись, но я хочу добавить еще кое-что, чтобы это произошло

Вы должны использовать "margin: 0 auto", это будет центрировать выравнивание элемента в его ближайшем контейнере.
Ваш контейнер должен иметь ширину больше ширины элемента, который вы хотите центрировать, а div обычно занимает 100% ширины, поэтому вы можете не чувствовать его центра, пока вы не придаете ему некоторую ширину в% или px.

См. Этот пример. в этом внешнем div имеет 100% ширину, но его дочерний div имеет только ширину, требуемую для кнопки, и центрируется с использованием поля: 0 auto.

http://jsfiddle.net/zud8g/

<div style="width:100%">
    <div style="margin:0 auto; width:75px;">
        <input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button">
    </div>
</div>

user3372159 · Answer 3 · 2014-03-15T02-13-00.000Z

в css это должно быть

.clear {
   text-align:center;
}
.clear .button {
   margin:auto;
}

margin: auto; не всегда необходимо, но в некоторых более упрямых случаях дела обстоят. Таблицы - один из таких экземпляров, которые, похоже, не выравниваются без полей: auto ;. Также убедитесь, что ширина вашего div больше ширины вашей кнопки.

AleshaOleg · Answer 4 · 2014-03-15T01-56-00.000Z

Попробуй это. Это самый простой способ горизонтально сосредоточиться. Поля: 0 auto, автоматически обнаружено, где находится центр, и помещает div в центр страницы.

<div style="margin: 0 auto;" class="clear">
    <input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button">
</div>