Смещенные элементы упорядоченного списка в Chrome - PullRequest
Новая
       45

Смещенные элементы упорядоченного списка в Chrome

0 голосов
/ 05 июня 2018

Кто-нибудь заметил, что элементы списка с определенным альфа-порядком в определенных шрифтах неправильно выстраиваются в Chrome?

Пример:

li 
{ 
  font-size: 20px;
  font-family: sans-serif;
  list-style: upper-alpha;    
}
ol:after
{
  content: '';
  position: absolute;
  top: 0; left: 2.45em;
  height: 100%;
  width: 1px;
  background: black;
}
<ol>
   <li>Testing</li>
   <li>Testing</li>
   <li>Testing</li>
   <li>Testing</li>
   <li>Testing</li>
   <li>Testing</li>
   <li>Testing</li>
</ol>

Периоды для элементов C, D и G на 1 пиксель левее, чем у остальных элементов.

Вот что я вижу в Chrome для Windows на случай, если он каким-то образом ограничен определенными версиями ОС / браузера / шрифта: http://i.jrichmonds.com/images/180605-0921-svzi4o.jpg

Все отлично работает в Firefox и IE.Я видел проблему в Chrome на Mac, Windows и Android.Кажется, это зависит от шрифта.Большинство шрифтов с засечками, которые я проверял, имеют проблемы.И нижняя, и верхняя альфа имеют проблему, но разные элементы в конечном итоге сдвигаются на 1 пиксель.

Есть мысли о том, как это исправить, или это ошибка, которую мне просто нужно подождать, пока Google исправит?Я провел некоторые поиски, но не могу найти никого, кто бы упоминал эту проблему.

...