Как изменить положение кнопки?
Ребят, пишу на React «сайтик», использую bootsrap из webpack(npm). Проблема в том, что кнопка стоит почему-то ниже чем textarea, пример на фото: Вот код: (поверх этого когда, в другой компоненте еще сверху стоит класс container)
onChange= onCommentChange(e.target.value) > /> textarea < width: 50%; padding: 0 20px; margin-top: 10px !important; background: rgb(255, 255, 255); line-height: 40px; border-width: 1; border-radius: 20px; font-family: 'Roboto', sans-serif; >.add
P.S: Если выровнять с помощью position: absolute + bottom, то при добавлении комментария, кнопка падает вниз
Как изменить местоположение кнопки с помощью флекса?
Друзья, столкнулся с такой историей: есть блок, в нём содержимое по дефолту как в исходнике.
Если размер экрана увеличивается то нужно переместить два элемента — кнопку и стрелки. Возможно ли это сделать флексом и если да, то как? Ибо у меня только получается кнопку прижать к правому краю и вверх её поднять через отрицательный margin. А нужно как бы в одну строку с заголовком «Отзывы». То же самое и с блоками «arr», нужно расположить их на уровне с почтой.
Может тут флекс выручить?) Исходник
- Вопрос задан более трёх лет назад
- 167 просмотров
Комментировать
Решения вопроса 1
codepen.io/anon/pen/oLxWxB
Комментируй и смотри, что происходит (это нужно будет делать с media query)
button order 3с блоками arr тоже самое.
Ответ написан более трёх лет назад
buzzloud @buzzloud Автор вопроса
Спасибо за помощь) Теперь с этим легче будет))
Ответы на вопрос 0
Ваш ответ на вопрос
Войдите, чтобы написать ответ
- HTML
- +1 ещё
Как пофиксти проблему с амперсантом?
- 1 подписчик
- 12 часов назад
- 60 просмотров
Размещение кнопки
Что не так делаю с тегом , чтобы кнопку разместить где угодно?
1 2 3 4 5 6 7 8 9 10 11
html> head> title>/title> link rel="stylesheet" type="text/css" href="ms.css";> /head> body> form action="Exit.php" method="get"> button class = "button-Exit" type="submit">b>Exit/b>/button> /form> /body> /html>
.button-Exit {position: absolute; top: 250px; left: 100px;}
Лучшие ответы ( 1 )
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
Ответы с готовыми решениями:
Размещение кнопки
Здравствуйте, создана кнопка: <input type="submit" value=" Выйти"> Как разместить эту.
Размещение кнопки вход
Как сделать чтобы кнопка вход была размещена как на изображению? <form action="testreg.php".
Размещение кнопки на картинке в в верхнем правом углу в не зависимости от масштаба страницы
Как сделать чтобы кнопка всегда размещалась в верхнем правом углу картинке в независимости от.
При нажатии на кнопку,другие кнопки приближаются к данной кнопки
Привет всем!При нажатии на кнопку,другие кнопки приближаются к кнопке на которую я нажимаю.Так как.
Как Задать Положение Кнопки?
Добрый день. Разместил на сайте кнопку «Добавить в закладки» (см. скриншот). Как зафиксировать ее положение? Сейчас она меняет свое место в зависимости от ширины экрана. Я ее разместил вот в таком диве:
Хочется, чтобы положение у нее было всегда одинаковое, независимо от разрешения экрана.
Прикрепленные изображения
#2 Koderhan
Отправлено 01 Ноябрь 2012 — 10:30
551 (01 Ноябрь 2012 — 10:17) писал:
Добрый день. Разместил на сайте кнопку «Добавить в закладки» (см. скриншот). Как зафиксировать ее положение? Сейчас она меняет свое место в зависимости от ширины экрана. Я ее разместил вот в таком диве:
Хочется, чтобы положение у нее было всегда одинаковое, независимо от разрешения экрана.
Я вас правильно понимаю ? Вы хотите чтобы кнопка скрывалась за скролл при маленьком разрешение экрана у пользователя ? Думаю так будет не удобно.
#3 Vaccina
Отправлено 01 Ноябрь 2012 — 20:30
Ваша кнопка будет плавать, пока вы не поместите её в фиксированный блок с значением position: relative; только после этого кнопка перестанет плавать. В вашем случае это блок
который находиться в шаблоне "HTML". После переноса кнопки, просто задайте необходимо отрицательное положение ей. Например