расположите кнопку внутри панели в центре снизу (asp.net)

Question

Я читал о центрировании (внизу по центру) кнопки внутри элемента div, что похоже на центрирование кнопки внутри панели. мне удалось это сделать, добавив это к CSS кнопки:

 position:absolute; 
  margin-left:50%;
  margin-right:50%;
  bottom:  5px; 

и свойство панели css:

position:relative;

Проблема в том, что она центрирует левую сторону кнопки , поэтому сама кнопка по всей ширине не отцентрирована.

Как мне отцентрировать центр кнопки, чтобы она выглядела так, как будто кнопка действительно отцентрирована?

Answer 1

Например, напишите так, если у вас есть position absolute:

button{
   position:absolute; 
   margin-left:-100px;
   left:50%;
   width:200px;
   bottom:5px;
}

Примечание: дают margin-left half из width из button

Answer 2

Вы должны использовать

margin : 0 auto;

вместо margin-left и margin-right

Это означает, что поле сверху и снизу равно 0 px (вы также можете установить его !!)и автоматический запас для левого и правого.Это будет центр, объект.

И удаление position : absulote;

живой пример

Answer 3

Вместо:

margin-left:50%;
margin-right:50%;

попробовать

margin-left:auto;
margin-right:auto;