Повторяющиеся линии

[alex_web64]

Здравствуйте.

Мне необходимо вывести вертикальные однопиксельные линии через равные промежутки. Что-то примерное я нагуглил https://jsfiddle.net/6eq501tz/

Но проблема в том, что линия должна всегда находится в центре экрана. Если уменьшите ширину экрана в демо таким образом, чтобы помещались только две линии, то увидите, что при background-position: 50% 0; линии располагаются по краям экрана.

Второе - на некотором разрешении в фф линии исчезают.

Может есть другие идеи, как реализовать подобное, или пофиксить текущий вариант?

Upd: получилось отцентрировать с помощью calc https://jsfiddle.net/8ztwr95e/

Проблема с исчезающими линиями в ФФ актуальна. Кстати, глянул в хроме - там линии постоянно отображаются, но меняется ширина в пределах 1-2px

Edited July 20, 2019 by alex_web64