Как убрать отступы между кнопками?

458
04 января 2017, 01:19

Подскажите, как убрать отступы между кнопками. Эти отступы нигде не фиксируются.

Answer 1

Это инлайн отступы. Решения:

Вариант 1

В разметке убираем переносы для кнопок.

<main>
  <button>Кнопка</button><button>Кнопка</button><button>Кнопка</button>
</main>

Вариант 2

На родителя ставим font-size: 0; а уже к button задаем нужный размер шрифта.

main {
  font-size: 0;
}
button {
  font-size: 14px;
}

Вариант 3

Можно закомментировать конец и начало строки.

<main><!--
  --><button>Кнопка</button><!--
  --><button>Кнопка</button><!--
  --><button>Кнопка</button><!--
--></main>
Answer 2

Помогло:

Попробуйте указать код всех кнопок в одну строчку

READ ALSO
Автоперенос строк

Автоперенос строк

Скачал скрипт jodit editor (http://xdsoftnet/jodit/)

470
Некорректная работа bootstrap

Некорректная работа bootstrap

Подскажите, почему некоторые классы bootstrap отображают элементы не так как надо?

366
Деление блока MDL

Деление блока MDL

Изначально было так:

511
Абстракция &#171;сокрытие информации&#187;?

Абстракция «сокрытие информации»?

Всем привет, смотрю курс по c# , и вот на одном из уроков посвященному динамическим и анонимным типам, а также "языку" LINQ автор видео курса говорит,...

413