Пишу про разработку вообще и в частности про: JavaScript, HTML5, CSS3, AngularJS, ReactJS, Agile.

Ограничиваем ширину элемента количеством символов

Ширину элемента можно выставлять не только стандартными размерами в пикселях или в процентах, но и в ширине символов шрифта. В некоторых случаях это может быть очень удобно. Однако, тут есть одно “но” (как же без этого, верно?) – это не работает с любым шрифтом. Точнее даже не так – это будет работать только с моношрифтами. Почему? Только они имеют стандартную ширину символа, не больши и не меньше.

В общем фокус милый, но достаточно ограниченный – применять стоит осмотрительно.

See the Pen Monospace typo ch unit test by Artem Demo (@artemdemo) on CodePen.

Поделиться:
comments powered by Disqus