Мне нужна помощь для выравнивания кнопок CSS. Я пробовал много разных вариантов, и я просто не могу отцентрировать свою кнопку так, как хочу.
Во-первых, посмотрите на этот URL: http://www.front -end-developer.net / cssbuttons / example.htm
Я использую 2 изображения для формирования кнопки (это можно сделать для 1 изображения, но в этом случае у нас есть два). Все работает, как и ожидалось, до тех пор, пока мы применяем float:left или float:right к родительскому элементу div, чтобы ограничить ширину div и закрыть его, как только закончится содержимое div. Вы можете удалить float: left от кнопки, чтобы увидеть, что я имею в виду.
А как насчет кнопок, расположенных по центру? Я не могу добавить float: left / right, потому что я хочу выровнять его по центру.
Теоретически я мог бы установить
{
width:XXpx;
margin:0 auto;
}
И я получу то, что вы видите на этой картинке:
(источник: front-end-developer.net )
Но я не знаю длины текста внутри. При разных переводах моя кнопка может быть очень короткой или в 5 раз длиннее.
Я также пытался использовать <span> вместо <div>, но, к сожалению, вложенные встроенные элементы не соблюдают должным образом свои отступы ...
И да, я должен использовать <a> внутри, чтобы веб-сканеры могли получить доступ к кнопкам.
Я действительно застрял на этом.