Как центрировать div, который используется в качестве кнопки отправки для формы [дубликата]

-1
задан Christian Ipanaque 18 January 2019 в 05:59
поделиться

2 ответа

Я использовал отображаемые изгибы и центрированные элементы и контент. Это также будет держать все элементы формы в центре.

 form{
 display:flex;
 align-items:center;
 justify-content:center;
 }

#submit {
	background-color: blue;
	height: 80px;
	width: 720px;
	margin: 0 auto;
	text-align: center;
}
	<form name="algForm">
   <div id='submit' onclick="document.forms['algForm'].submit();"></div>
   </form>
   

0
ответ дан Jonny 18 January 2019 в 05:59
поделиться

Я не думаю, что использование <div> в качестве кнопки - хорошая идея. Попробуйте вместо этого использовать <button>.

Но что касается твоего ответа, то, что ты сделал, работает. Просто ширина <div> слишком велика, чтобы ее заметить.

Вот тот же код с уменьшением ширины до 200 пикселей.

Нажмите «Запустить фрагмент кода», чтобы увидеть его в действии.

#submit {
	background-color: blue;
	height: 80px;
	width: 200px;
	margin: 0 auto;
	text-align: center;
}
	<form name="algForm">
   <div id='submit' onclick="document.forms['algForm'].submit();"></div>
   </form>
   

0
ответ дан Meligy 18 January 2019 в 05:59
поделиться