ошибка узла js / jade в css

Question

ошибка узла js / jade в css

0

Я пытаюсь изучить узел js. Я преобразовал шаблон в узел js, и он показывает проблемы somme css. В шаблоне есть значки социальных сетей шириной = 30 px и отступом 3px и радиусом границы 50%. Он показывает как идеальный круг в оригинальной теме. Но показывает как эллипс в узле js преобразовал тему. вот код css

position: absolute;
width: 30px;
padding: 3px;
border-radius: 50%;
background: #e1e1e1;
font-size: 12px;

конвертированная тема отлично работает, когда я меняю padding на 9px. Но мне нужно знать, что это происходит. Я тестировал это в Google Chrome. Пожалуйста помоги.

первый - из исходной темы, а второй - из темы, преобразованной узлом

Arun 19 май 2014, в 10:53

Источник

Теги:

html

node.js

pug

1 ответ

Ещё вопросы

Michael · Accepted Answer · 2014-05-19T06-11-00.000Z

Чтобы получить идеальный круг, ширина и высота элемента должны быть одинаковыми. Я сделал пример http://jsbin.com/fuxen/1/edit, где я установил высоту: до 30 пикселей, чтобы соответствовать высоте.

Кроме того, я добавил text-align: center и высоту строки: 30px (чтобы центрировать "f" по вертикали).

я знаю таким образом ... но я преобразовал тему, используя узел JS. Там это показывает ошибку. Из-за этого я задал этот вопрос. В любом случае спасибо за помощь .. :)