Как установить размер шрифта относительно великого отца вместо родителя?

Question

У меня есть span с font-size:0 для подавления пространства:

<span style="font-size:0"> 
    <span>a</span> 
    <span>b</span> 
</span> 

Внутренние пролеты наследуют размер шрифта родителя и исчезают тоже. Использование font-size:100% тоже не помогает, поскольку оно также относится к родительскому.

Как определить размер шрифта относительно великого отца?

Answer 1

работа вокруг было бы использовать очень небольшой процент вместо нуля для размера шрифта: http://jsfiddle.net/David_Knowles/DzXZv/

span {font-size: 0.1%; } 
span > span {font-size: 100000%;} 

Answer 2

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

• Использование JavaScript для вычисления правильного размера шрифта
• Вместо font-size: 0 на внешнем пролете, используйте float: left на внутренней пролете
• Измените HTML, чтобы удалить пространство
• Просто используйте набор размер шрифта для внутренних пролетов

Answer 3

Вы можете дать размер шрифта в пикселях.

'http://jsfiddle.net/uqHgW/` 

Answer 4

Вы можете использовать rem ('корень' СЭМА) единица, чтобы установить span 's font-size относительно базового размера шрифта:

<span class="hideSpaces"> 
    <span>a</span> 
    <span>b</span> 
</span> 


body { font-size: 16px; } /* <-- base font-size */ 
.hideSpaces { font-size: 0; } 
.hideSpaces span { font-size: 1rem; } /* <-- sets font size equal to base font size */ 

http://snook.ca/archives/html_and_css/font-size-with-rem