Как изменить расстояние между кнопками?
Всем привет! Возникли проблемы с кнопками. Мне нужно, как-то изменить расстояние между ними (на картинке) после отступа от левой стороны страницы.
Буду благодарен за полезные советы!
.btn < height:100px; width:100px; border-color:#c2e254 #9bb838 #9bb838 #c2e254; border-style:solid; border-width:1px; background:#c2e254; cursor:pointer; width: 20%; border-radius: 4px; margin-left:100px; margin-top:50px; color: #000000; font-size: 15px; font-family: helvetica, serif; text-decoration: none; vertical-align: middle; >.btn:hover < border-color:#FFCC66 #FFFF99 #FFFF99 #FFCC66; border-style:solid; border-width:1px; background:#FFFF99; >.btn:focus < background:#ddd; border-color:#ddd #333 #333 #ddd; border-style:solid; border-width:1px; >.btn:active - Вопрос задан более трёх лет назад
- 18774 просмотра
Комментировать
Решения вопроса 1
Gabaruto @Gabaruto Автор вопроса
Сам нашёл.
margin-left: — это расстояние между ними
position: relative;
top: 50px;
left: 50px; — расстояние от края
Ответ написан более трёх лет назад
Комментировать
Нравится Комментировать
Как сделать одинаковый отступ вниз для всех кнопок?
Добрый день.
Есть три колонки(прикрепил), в них есть текст и кнопка. Как сделать так, чтобы все кнопки находились на одном уровне, то есть независимо от объема текста?
Спасибо!
- Вопрос задан более двух лет назад
- 480 просмотров
Комментировать
Решения вопроса 1
Вадим @MrDecoy Куратор тега CSS
Верставший фронтендер
Вариантов масса, но, пожалуй, лучшим в данном случае будет:
• сделать карточке display: flex; flex-direction: column;
• кнопке — margin-top: auto;
Профит — кнопка всегда прижата к низу карточки.
Таким образом, если у контейнера карточек так же стоит display: flex , то все карточки в рамках одной строки будут всегда одной высоты, и в рамках одной строки все кнопки будут на одном уровне. При этом в каждой карточке может быть любое количество текста.
Ответ написан более двух лет назад
Комментировать
Нравится 5 Комментировать
HTML\CSS → Установка отступов padding, margin для кнопки Google +1
Задача: после вставки кода кнопки Google +1, необходимо сделать небольшие отступы сверху или снизу, чтобы выровнять положение кнопки по уровню текста.
Обычно кнопка Google Плюс один слишком высока и не совсем вписывается в строку. Решение очевидно: задать отступы посредством CSS свойств padding/margin.
Решение: добавьте в CSS:
Как сделать отступ внутри кнопки
Внутри родительского блока сделать отступ дочернего блока сверху автоматически
Здравствуйте, как с помощью css внутри родительского блока сделать отступ дочернего блока сверху.
Как задать дополнительный отступ для картинки внутри div?
Здравствуйте. Есть такой код: .big_arrow2 < display: block; background: #f7f7f7.
Как установить отступ текста не от края кнопки, а от картинки?
Добрый вечер. Можно ли в Visual Studio задать кнопке такое свойство, чтобы TextAlign задавался не.
1686 / 857 / 351
Регистрация: 26.11.2014
Сообщений: 1,753
Записей в блоге: 1
margin подойдёт?
Регистрация: 28.08.2020
Сообщений: 5
пропишите более подробнее со значениями и куда вставить.
1686 / 857 / 351
Регистрация: 26.11.2014
Сообщений: 1,753
Записей в блоге: 1
1 2 3
i { margin-right: 10px; }
Регистрация: 28.08.2020
Сообщений: 5
Сообщение от NTHing 
2
3
i margin-right: 10px;
>
margin-right: 7px;
Можно размер иконки больше сделать и как?
2586 / 1677 / 732
Регистрация: 13.03.2010
Сообщений: 5,636
inters, font-size .
Регистрация: 28.08.2020
Сообщений: 5
оставлю вот так:
i class="fab fa-vk fa-2x">
Помогите, как сделать перенос текста в кнопке (в две строчки чтобы было).
Пропишите более подробнее со значениями и куда вставить.
1686 / 857 / 351
Регистрация: 26.11.2014
Сообщений: 1,753
Записей в блоге: 1
>ВКонтакте>
2586 / 1677 / 732
Регистрация: 13.03.2010
Сообщений: 5,636
inters, вы или сразу формируйте конечный вопрос, или читайте документацию. Ну элементарные же вопросы задаёте. После , например, подставьте
.
Регистрация: 28.08.2020
Сообщений: 5
1 2 3 4
="book-right"> ="https://yandex.ru/" target="_blank" class="button">="fab fa-vk fa-2x">>Получить ВКонтакте> прямо сейчас> >
Если сделать вот таким образом, то иконка, которая находится впереди, встает на первую строчку.
Как сделать, чтобы она была впереди перед двумя строчками посередине?
Пропишите более подробнее со значениями и куда вставить.
2586 / 1677 / 732
Регистрация: 13.03.2010
Сообщений: 5,636
Сообщение было отмечено inters как решение
Решение
1 2 3 4 5 6
div class="book-right"> a href="https://yandex.ru/" target="_blank" class="button"> i class="fab fa-vk fa-2x">/i> p>Получить ВКонтактеbr>прямо сейчас/p> /a> /div>
1 2 3 4
.button { display: flex; align-items: center; }
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
Помогаю со студенческими работами здесь
Как программно сделать отступ
Здравствуйте,подскажите пожалуйста: в отчете access нужно сделать отступ,чтобы содержимое.
как сделать отступ от изображения?
млжно ли как то стилями увеличить отступ текста от изображения? спасибо за ответ.
Как сделать отступ в TextEdit?
Здравствуйте. Читаю я значения в строку. Строка имеет вид "some names\n also name \n another.
Как сделать отступ в параграфе?
Здравствуйте. Помогите решить проблему! Есть код визуального переноса текста с верхней части.
Подскажите, как сделать правильно отступ?
Я можно сказать нуб, вот есть код хтмл и ксс, хочу сделать, чтобы блок меню отступал на.