Элементы плавной навигации различной ширины с равноудаленным интервалом
Я хотел бы создать плавный горизонтальный навигационный список ссылок, где навигационные ссылки расположены равномерно и занимают всю ширину окружающего контейнера.Навигационные ссылки имеют разную ширину. Первая ссылка должна быть выровнена по левому краю, а последняя ссылка должна быть выровнена по правому краю.
Мы имели ограниченный успех, используя такие методы, как:
ul {display: table;width: 100%;}
li {display: table-cell;}
a {display: block;}
а также используя
ul {text-align: justify}
li {inline-block }
но без кода яПохоже, написано, что он имеет дело с элементами разной ширины. Интервал, кажется, не остается равным, поскольку размер nav изменен.
Мне нужно, чтобы навигация была плавной, первый и последний элементы должны находиться на одном уровне с краем содержащего ul, а элементы должны быть равноудалены друг от друга