0
Как говорится в названии, у меня есть тег <button>, который имеет CSS-дисплей: block; который должен автоматически сделать элемент равным ширине контейнера? У меня есть другие кнопки на странице, но они являются <a> тегами, но с тем же классом css, что и тег <button>.<button> не работает с дисплеем: блок;
Веб-сайт можно найти здесь: http://www.cqwebdesign.co.uk/stirlinggrey/, так как вы можете видеть каждый раздел в виде ссылки на кнопку внизу. Однако один в поисках находится в нижней части страницы в разделе с названием: «ПОЛУЧИТЬ свой бесплатный путеводитель и процитировать»
Codepen версия: http://codepen.io/anon/pen/zoOQQL
HTML:
CSS :
.btn {
font-size: 16px;
font-family: Open Sans;
color: #fff;
border: 0;
background: #000;
padding: 10px;
text-decoration: none;
text-transform: uppercase;
line-height: 1.5;
display: block;
margin-bottom: 10px;
}
Благодаря
Итак, вы хотите, чтобы кнопка отправки формы была полной ширины? – Lee
Я хочу, чтобы у него была максимальная ширина, а затем полная ширина, если размер экрана ниже этой максимальной ширины. Если это имеет смысл? Я прикрепил код, минус max-width CSS только для примера. – Chudz
затем просто добавьте CSS-запрос на выделенную ширину – weinde