Сколько пикселей занимает один

#html #css

#HTML #css — код

Вопрос:

Я просто хочу знать, сколько «пикселей» занимает один «amp; nbsp». так что я могу вычислить и дать заполнение вместо amp;nbsp

Комментарии:

1. Вы хотите знать в целом? amp;nbsp; это просто неразрывное пространство, его размер будет отличаться от шрифта к шрифту и меняться вместе с размером шрифта.

2. не могли бы вы сказать мне, сколько пикселей занимает при использовании размера шрифта: 12 пикселей;

3. @MRTK: как сказал Джон — это зависит от того, какой шрифт вы используете. размер 12 пикселей в Arial будет отличаться от размера 12 пикселей в Helvetica, будет отличаться от размера 12 пикселей в Impact и т. Д…

4. не уверен в этом, я думаю, что символы, использующие один и тот же стиль, могут иметь разные «размеры» в зависимости от кернинга. например: размер «AV» может быть короче, чем сумма размеров «A» и «V». Я не знаю, применимо ли это к пробелам. (см en.wikipedia.org/wiki/Kerning )

Ответ №1:

Точно определить это невозможно, потому что это будет зависеть от метрик шрифта и способа его отображения. Неразрывный пробел обычно отображается с той же шириной, что и обычный пробел, тем же шрифтом, он просто предлагает браузеру не переносить в этот момент или не сворачивать пробел.

Вы никогда не должны полагаться на шрифты, отображаемые определенным образом, чтобы выстроить элементы дизайна на странице. Укажите расстояния в единицах измерения, которые подходят, и не используйте неразрывные пробелы в ситуациях, для которых они не подходят.

Вы могли бы начать со значения, скажем, около 0.4em . Но если вам абсолютно необходимо точно соответствовать ширине неразрывного пробела, вы неправильно используете неразрывный пробел.

Ответ №2:

Зависит от шрифта и его размера. Посмотрите на эту скрипку:

http://jsfiddle.net/hUFh4/

Ответ №3:

Это полностью зависит от используемого вами шрифта и размера шрифта: http://jsfiddle.net/nivas/CV5mQ /

Ответ №4:

Это зависит от размера шрифта. Даже вы можете вычислить это в Photoshop. В html:

 <p>How are you? amp;nbps; what are you doing?</p>
 

скопируйте это из браузера и вставьте в Photoshop:
это будет выглядеть так:
Как дела? что вы делаете?
Затем увеличьте масштаб и проверьте пиксели.
Если вы хотите.