Блог

Главная - Вопросы по программированию - Отображение SCSS по горизонтали

Отображение SCSS по горизонтали

#javascript #html #css #sass #horizontal-scrolling

Вопрос:

Мой код выглядит примерно так:

 
    <div>
      <Button> // these buttons control horizontal scrolling
      <ScrollBar>
      <Button>
    </div>

Мой вопрос: как мне использовать SCSS, чтобы они отображались горизонтально, а не вертикально. Спасибо!

Комментарии:

1. Проверьте flexbox , так как, назначив отображение родительского контейнера для flex, он по умолчанию отображает дочерние элементы в горизонтальной строке.

Ответ №1:

 .outer-container {
  display: flex;
  flex-direction: row
} 
 <div class="outer-container">
  <Button>
  <ScrollBar>
  <Button>
</div>

Комментарии:

1. Вы inline-flex также могли бы использовать

2. Это сработало, спасибо! Как лучше всего добавить промежутки между кнопками и полосой прокрутки?

Метки: