Почему текст не получает высоту 0px?

Я пытался создать веб-страницу с помощью css. Внезапно я понял, что не могу установить высоту некоторого текста в абзаце (или div) на 0px. Я подумал о том, чтобы получить некоторую помощь от этого удивительного сообщества.

<!DOCTYPE html>
<html>
<style>
p{
background-color:red;
height:0px;
}
</style>
<body>

<p>All behold the power of mighty Juggernaut</p>


</body>

</html>


person user7186002    schedule 26.11.2016    source источник
comment
Этот вопрос не является дубликатом предложенного (в настоящее время) вопроса; этот вопрос спрашивает, как применить высоту 0 к родительскому <div>, этот вопрос спрашивает, как установить font-size 0 к тексту элемента. Учитывая, что я предвзят, ответив на вопрос, я не голосую за повторное открытие, но искренне верю, что его закрыли ошибочно.   -  person David says reinstate Monica    schedule 27.11.2016


Ответы (1)


Вместо этого используйте размер шрифта, он сделает его равным 0 пикселей, если установлено значение 0.

   

 <!DOCTYPE html>
    <html>
    <style>
    p{
    background-color:red;
    
font-size:0px;
    }
    </style>
    <body>

    <p>All behold the power of mighty Juggernaut</p>


    </body>

    </html>

person O.Rares    schedule 26.11.2016