2013-08-10 2 views
3

Я бегу сценарий, который добавляетМожет ли   иметь размер шрифта CSS?

  

Для тега в случае мой сценарий не возвращает какой-либо текст, чтобы заполнить кнопочный элемент.

Проблема в том, что хотя пролет имеет свое пространство, высота элеменев неверна.

Вопрос
Есть ли способ, чтобы дать размер шрифта к NBSP;? В конце концов, это пробел, поэтому он должен учитывать размер шрифта, установленный на элементе?

+2

Вы не должны использовать для этого  . Используйте CSS для установки размеров вашей кнопки. –

+0

Не зная вашего сайта/кода, я все еще уверен, что вы должны подходить к этому под другим углом. В чем причина использования пространства, когда нет результата? – James

+0

@dystroy: это для элемента jQuery Mobile и Android, элементы с родителями, которые являются 'pos: absolute' и имеют пустые дети, разбивают элементы формы, такие как selects. Поэтому '&nspb;' это должно быть. Конечно, я могу установить 'min-height', но мне просто интересно, может ли пространство иметь размер шрифта – frequent

ответ

4

А, разбития пространство, которое может быть представлено в HTML как &nbsp;, обрабатывается так же, как печатный символ, просто с пустым глифом. Это означает, что размер шрифта влияет на него, и размер шрифта может быть установлен на нем, как на любом печатном знаке. Если вы хотите, чтобы размер шрифта отличался от размера шрифта соседних символов, вам необходимо обернуть его в элемент, например. <span class=nobr>&nbsp;</span>, и установить font-size на нем.

Если незанятое пространство является единственным содержимым элемента button, например. <button ...>&nbsp;</button>, вы можете просто установить font-size на этот элемент. Обратите внимание, что размер кнопки также зависит от line-height его содержимого, а также от алгоритма рендеринга кнопок в браузере (что делает кнопку больше, чем размер ее содержимого).

Ваша настоящая проблема, вероятно, очень различна и лучше всего обращается совершенно по-другому, но для записи это был ответ на заданный вопрос.

+0

спасибо. это то, что я искал. – frequent

2

Нет необходимости вставлять что-то в кнопку, чтобы придать ей размер.

Вот как вы можете дать кнопку размер 20x20:

HTML:

<button id=a></button> 

CSS:

#a { 
    weight:20px; 
    height:20px; 
} 

Demonstration

+1

, см. Мой комментарий выше и [здесь] (https: // github.com/scottjehl/Device-Bugs/issues/3) – frequent

0

да. Пустое пространство также считается текст, и он будет изменять размер кнопки он заполняет. check this demo

HTML

<button class="button1">&nbsp; 

CSS

.button1 
{ 
    font-size: 22px; 
} 
Смежные вопросы