Как переместить кнопку в html
Перейти к содержимому

Как переместить кнопку в html

Как переместить кнопку в html?

5ef5eaab81c4b911150168.png
Хочу переместить кнопку в право, но как это делать? И как ещё убрать линии на кнопке?
P.s хотел ещё спросить. Как сделать задний фон этой шапки другим цветом? допустим красным

  • Вопрос задан более года назад
  • 2311 просмотров
  • Facebook
  • Вконтакте
  • Twitter

ArsenyMatytsyn

С помощью CSS. В данном кейсе для смещения кнопки отлично подойдет flex, с марджином или space-between-ориентацией.

А фон просто через background-color.

  • Facebook
  • Вконтакте
  • Twitter

ArsenyMatytsyn

SlavaMaxwell

  • Facebook
  • Вконтакте
  • Twitter

nykakdelishki

Линии убрать border:none;
А переместить так же как и любой другой объект с помощью маржинов и пэдингов.

Можете задать position: absolute ;
и переместить с помощью top ,bottom,left ,right
только нужно задать родителю position к примеру relative

Как сместить кнопку

user avatar

Всё ещё ищете ответ? Посмотрите другие вопросы с метками html button или задайте свой вопрос.

Site design / logo © 2022 Stack Exchange Inc; user contributions licensed under cc by-sa. rev 2022.6.13.42356

Нажимая «Принять все файлы cookie», вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.

как переместить кнопку вправо в html

На моем веб-сайте я создал всплывающее окно для вставки сведений о пользователе. В этой форме я использую две кнопки: одна предназначена для сохранения, а другая — для всплывающего окна «Отмена». И я хочу переместить обе кнопки в правую часть страницы. Обе кнопки помещены в отдельный tr с td .

Я использовал style=»width: 100px; float:right;»

Но без изменений.

Мой модальный всплывающий код

Код кнопки

Снимки экрана

enter image description here

2 ответа

У вас установлена ​​ширина <table> : 100%?

Это хорошо работает в моей системе, когда ширина установлена ​​на 100%.

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *