Как сделать одиннаковое расстояние между ссылками в меню?

Question

[Ri-Ri]

Нужно сделать нам горизонтальное меню, чтобы все пункты были во всю ширину блока (сетки). Расстояние между ссылками "на глаз" по клеткам и направляющим определяется или есть спец. инструменты для этого в фотошопе?
Ведь слова могут быть разной длины в каждой ссылке, одинаковое расстояние сделать сложно, чтобы общий блок ссылок растянут по всей ширине был.

Answer 1

[Егор Живагин]

Чем сложно-то?) Общему блоку width: 100%, Ссылкам всем одинаковый padding-right - это и будет одинаковым расстоянием, и процентами подберите одинаковый width каждой ссылке, так, чтобы они были на всё меню

Ну например

width: calc( 100% / N )    // N - количество ссылок

Comments

[Ankhena]

В фотошопе width и calc не работают

Answer 2

[Givandos]

В фотошопе у вас тексты меняться особо и не должны, это шаблон. Главное нарисовать его так, чтоб верстальщик потом мог четко понять, что между пунктами меню нужно одинаковое растояние не зависимо от длины текста в пункте меню.

А сама реализация этого на CSS, на мой взгляд, лучше всего будет на flex, с указание выравнивания по ширине.
Но можно попробовать и через inline-block и снова таки выравнивание по ширине, примерно вот так:

ul {
  text-align: justify;
}

ul::after {
  content: "";
  display: inline-block;
  width: 100%;
}

li {
  display: inline-block;
}