Горизонтальный список прокрутки отображения HTML CSS (в настоящее время отображается вертикально с помощью свитка) ⇐ CSS

[Anonymous]

Я только начал с HTML & CSS с Angular, и я пытался добиться этого списка прокрутки, но не уверен, как его реализовать. < /p>

Я могу реализовать его с помощью элементов Li и UL, но для этого конкретного примера, где я итерации с использованием *ngfor, я не уверен, как это делать ... /> < /p>

В настоящее время мое приложение отображает здесь: (с вертикальной способностью прокрутки)


Как я могу получить свои рейсы для отображения в списке горизонтально, который прокрутит?
my code: < /p>

flight-viewer-html: < /p>

Flights

{{flight.number}}

< /code>

flight-viewer.css:

h3 {
text-align: center; margin-bottom: 0;
}
h4 {
position: relative;
}

.module {
padding: 20px;
text-align: center;
color: #eee;
max-height: 120px;
min-width: 120px;
background-color: #607D8B;
border-radius: 2px;
}
.module:hover {
background-color: #EEE;
cursor: pointer;
color: #607d8b;
}
< /code>

Любая справка /указатели будут оценены!>

Подробнее здесь: https://stackoverflow.com/questions/460 ... cally-with