При помощи Grid сделать список в строку

150
29 августа 2019, 16:10

Не соображу как при помощи Grid сделать список в строку (количество элементов LI неизвестно, генерируется автоматически)

ul { 
  display:grid; 
}
<ul> 
    <li><a href="#">item-1</a></li> 
    <li><a href="#">item-2</a></li> 
    <li><a href="#">item-3</a></li> 
    <li><a href="#">item-4</a></li> 
    <li><a href="#">item-5</a></li> 
</ul>

Answer 1

repeat в общем т.е повторить одну фракцию пять раз

li { 
  list-style: none; 
} 
 
a { 
  text-decoration: none; 
  font-size: 1.4em; 
} 
 
ul { 
  display: grid; 
  grid-template-columns: repeat(5, 1fr); 
}
<ul> 
  <li><a href="">link1</a></li> 
  <li><a href="">link2</a></li> 
  <li><a href="">link3</a></li> 
  <li><a href="">link4</a></li> 
  <li><a href="">link5</a></li> 
</ul>

READ ALSO
Как настроить задний фон у графика?
javascript

Как настроить задний фон у графика?

Есть график на amchart4Выглядит он вот так:

 143
Добавление рандомного числа при клике. jQuery [закрыт]
javascript

Добавление рандомного числа при клике. jQuery [закрыт]

Нужно при клике добавить рандомное число в таблицу,в следующем клике,надо этой числе добавить 1Надо при клике на другую клетку,добавить другое...

 126
Выполнить JavaScript после выполнения Yandex Metrika и прочих пикселей и счётчиков
javascript

Выполнить JavaScript после выполнения Yandex Metrika и прочих пикселей и счётчиков

Как выполнить некий JS код, скажем alert() только после того как DOM загружен, $(document)ready(), $(window)

 104
Отрицание регулярного выражения [дубликат]
javascript

Отрицание регулярного выражения [дубликат]

Данный вопрос является точным дубликатом:

 116