задать марджины между кнопками в классе |
Здравствуйте Гость [ Вход | Регистрация ] | Форум в сети 7181-й день
![]() |
Шановні користувачі! Запрошуємо вас до офіційного телеграм-канала 0day Community. Тут ви зможете поспілкуватися одне з одним та дізнатися про останні новини щодо роботи ресурса, поставити запитання до адміністрації, тощо. Перейти до телеграм-канала можна відсканувавши QR-код або натиснувши на посилання: @zeroday_ua |
задать марджины между кнопками в классе |
| mstdmstd |
Пост
#1
|
|
Репутация: 2 ![]() Активист ![]() Группа: Пользователи Сообщений: 344 С нами с: 13-January 16 |
Всем привет,
Имея группу кнопок внути блока с классом editor-btn-group : <div class=" btn-group pull-right editor-btn-group"> <input type="button" value="Next" class="btn btn-success btn-login-submit" onclick="java script:onSubmit();"> <button type="button" class="btn btn-danger btn-cancel-action" style="margin-left: 20px;" onclick="java script:document.location='' ">Cancel</button> </div> Можно ли задать марджины между кнопками в классе editor-btn-group, и если да то как? Спасибо ! |
![]() ![]() |
| SyntaxError |
Пост
#2
|
|
Репутация: 440 ![]() Ветеран ![]() ![]() ![]() ![]() ![]() Группа: Пользователи Сообщений: 7 467 С нами с: 7-December 12 |
На все случаи жизни: Способ №1: .editor-btn-group button, .editor-btn-group input[type="submit"], .editor-btn-group input[type="button"], .editor-btn-group input[type="reset"] { margin-left:20px; } .editor-btn-group button:first-child, .editor-btn-group input[type="submit"]:first-child, .editor-btn-group input[type="button"]:first-child, .editor-btn-group input[type="reset"]:first-child { margin-left: 0; } Способ №2 (короче, но используется селектор *, что не ок для производительности): .editor-btn-group * { margin-left:20px; } .editor-btn-group *:first-child { margin-left: 0; } Но как уже писали выше - лучше input на button заменить. |
mstdmstd задать марджины между кнопками в классе Jun 6 2016, 6:43
Анттошка А как ты хочешь внутренним блокам задать поля чере... Jun 6 2016, 9:45
Durex editor-btn-group:first-child {margin:5px;}
Почему ... Jun 6 2016, 10:09
mstdmstd
editor-btn-group:first-child {margin:5px;}
Почему... Jun 6 2016, 12:10
Durex Пардон, промахнулся
.editor-btn-group button:first... Jun 6 2016, 13:20
mstdmstd
Пардон, промахнулся
.editor-btn-group button:firs... Jun 6 2016, 13:49
Анттошка
Да спасибо так выделяется первая кнопка
Я нашел к... Jun 6 2016, 14:17
Durex
Да спасибо так выделяется первая кнопка
Я нашел к... Jun 6 2016, 18:02
mstdmstd Спасибо! Jun 7 2016, 9:29![]() ![]() |
|
Упрощённая версия | Сейчас: 12th November 2025 - 7:09 |
| Сайт не розміщує електронні версії творів, а займається лише колекціонуванням та каталогізацією посилань, що публікуються нашими користувачами. Якщо Ви є правовласником якоїсь частини опублікованого матеріалу та не бажаєте, щоб посилання на нього знаходилось в нашому каталозі, зв’яжіться з нами і ми видалимо його. Файли для обміну надані користувачами сайту і адміністрація не несе відповідальності за їх вміст. |