Упорядоченный список - Первый Di git Скрытый в 3-Di git Номерах Элементов - PullRequest
0 голосов
/ 22 апреля 2020

У меня есть упорядоченный список из нескольких столбцов с несколькими сотнями записей.

Все отображается нормально, , за исключением для самого левого столбца. Когда номера элементов списка достигают 3 цифр, первая цифра git скрывается . Например, отображаются числа go 97, 98, 99, 00, 01 и др. c.

Но это происходит только в крайнем левом столбце. Другие столбцы отображаются просто отлично. Проблема возникает в 100% случаев, как Firefox, так и Chrome. Нет сообщения об ошибке, просто неверное отображение.


Я думаю, что нашел исправление. Я изменил левое поле следующим образом:

margin-left: .5em;

Это не идеально, потому что оно сдвигает все в списке справа. Там все еще есть несколько пустых пробелов, но, по крайней мере, теперь я вижу все цифры.

У кого-нибудь есть идея получше?

Экспериментируя, я обнаружил, что установка поля списка таким образом приводит к отсутствию ди git видно, но это вызывает другие проблемы:

li {margin-left: 1.4em; }

Проблема теперь в том, что каждый

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

См. Пример на http://www.hymntime.com/tch/mid/met/CM.htm. Вам придется прокрутить вниз, потому что проблема не возникнет, пока вы не достигнете элемента # 100.

У любого есть идея, как это исправить, чтобы мы могли видеть 3-х git числа, но не тратить много места на экране?

1 Ответ

0 голосов
/ 22 апреля 2020

Я могу ошибаться, но если вы не измените свою разметку и не склоните ее больше к методу flexbox, а не к прямым упорядоченным спискам, то настройка левого поля на <li>'s - единственный путь к go и принятие удара добавленный пробел.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...