Как проставить пробел, по ширине равный цифре?

[Гейка]

Как проставить пробел, по ширине равный цифре? В Википедии обнаружил, что этот символ называется «FIGURE SPACE», но почему-то в Википедии он отображается не пробелом, а каким-то квадратиком. Даны коды этого символа в юникоде: 2007 и 8199. Как набрать этот символ через юникод? Зажимал Alt+2007 и Alt+8199 — не получилось.

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

Использовать этот пробел я хочу в записи телефонного номера: +7 (123) 456?78?90. Чёрточки между цифрами равны по ширине этим цифрам (это FIGURE DASH), а вот пробелы обычные не равны: надо FIGURE SPACE применить, чтоб всё ровно было.

Edited March 16, 2011 by Гейка

[Int]

А если взять моноширный шрифт?

[runet]

Попробуй так.

‒ - чёрточка.    - пробел

Edited March 16, 2011 by runet

[ShumNo]

Какой-то большой пробел/отступ умеет вроде делать нотепад++

И как возможный вариант, если нужен отступ

<span style="padding-right:7px;"></span>

или может

[SelenIT]

почему-то в Википедии он отображается не пробелом, а каким-то квадратиком.

Скорее всего, это проблема шрифта. У меня в FF 3.6/WinXP в Википедии отображается нормально ("квадратик" появился только для WORD JOINER-а, который 0x2060 или 8288). Шрифт, надо полагать, дефолтный Arial...

[Justnewone]

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

[Быколай]

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

[Гейка]

Попробуй так.

‒ - чёрточка.    - пробел

Не, тот же квадратик получается, что и в Википедии.

Ладно, парни, благодарю всех. Дело вроде ясное: символ этот какой-то редкий, присутствует не во всех шрифтовых гарнитурах. Придётся выкручиваться одним из предложенных вами способом. Просто в этой теме я хотел разобраться именно с самим символом: вдруг, в Википедии был косяк. Ан нет, там походу действительно заявленный FIGURE SPACE, а квадратик — результат проблемы на стороне пользователя.

Edited March 16, 2011 by Гейка

[wanntuzz]

надо поставить цифру, а ей стиль color="transparent"

[Serlutin]

надо поставить цифру, а ей стиль color="transparent"

Ага, тогда при копировании телефона (или просто его выделения) мы вместо одного номера, получим другой. Как вариант, opacity: 0;

[wanntuzz]

Телефоны можно паковать в спаны с паддингами. Высокие требования к типографике неизбежно оборачиваются потерями в коде.

[Быколай]

Как проставить пробел, по ширине равный цифре?

Кажется придумал:

<script type="text/javascript">
$(function(){
 alert($('span#num').width());
});
</script>
<span id="num">0</span>

вот вам чистая ширина цифры в пикселях. присваиваете её тем же jquery в качестве padding-left span который должен идти после требуемого пробела.

ну или можно создать пустой span inline-block на месте пробела и ему задать, тут уж от ваших вкусов зависит реализация.