29

Вопрос по css – Что такое высота строки: 1?

Речь идет о назначении line-height.

Я начал изучать css. line-height: часто встречаются примеры, назначающие 20px или единицу. Иногда это высота строки: есть 1 и вещь без единицы, но каково это значение?

  • Error: User Rate Limit Exceeded

    от
  • Error: User Rate Limit Exceededwithout a unitError: User Rate Limit Exceededline-height value multiplied by the element’s font-sizeError: User Rate Limit Exceededline-height property.

    от
  • Error: User Rate Limit Exceeded

    от
  • Error: User Rate Limit Exceeded

    от
  • developer.mozilla.org/en/docs/Web/CSS/line-height#Values

    от Adrien Be
6 ответов
  • 8

    Кажется, что

    line-height doesn't need a unit (detailled article).

    The property line-height can accept unitless number values. You can also give line-height united values, though generally you shouldn’t. But unitless numbers are just fine for this property.

  • 2

    Если ни одна единица не поставляется, например,

    "line-height: 1.5" расстояние между строками задается умножением этого числа на текущий размер шрифта.

    1,5 х размер шрифта

  • 4

    В соответствии с

    w3schools а такжеw3.org высота линии: 1; допустимо и означает следующее: Устанавливает число, которое будет умножено на текущий размер шрифта, чтобы установить расстояние между строками.

  • 31

    Possible Values

    number :

    Устанавливает число, которое будет умножено на текущий размер шрифта, чтобы установить расстояние между линиями

    length :

    Устанавливает фиксированное расстояние между линиями

    % :

    Устанавливает расстояние между строками в% от текущего размера шрифта

    принять отhttp://www.w3schools.com/css/pr_dim_line-height.asp

  • 1

    Он кратен размеру шрифта. Из рекомендации кандидата в CSS 2.1: &

    # xBB; используемое значение свойства - это число, умноженное на размер шрифта элемента. & # XAB;

  • 7

    Также обратите внимание:

    & Quot; 1 & Quot; не равно "нормальному" - 1 точно такая же высота, как и размер шрифта, поэтому линии в многострочном элементе, таком как абзац, будут прилегать друг к другу, в то время как обычный добавляет ожидаемое расстояние между строками.

    Используя сокращение шрифта:

    font: font-style font-variant font-weight font-size/line-height font-family;
    

    кажется, что по умолчанию высота строки равна нормальной, если она не указана. Например:

    body{
        line-height:1; /* as seen in Eric Meyer's reset css */
    }
    p{
        font:normal normal normal 14px "Times New Roman", Times, serif;
    }
    

    приведет к тому, что все абзацы будут иметь нормальную высоту строки, переопределяя 1 набор для тела, в то время как

    p{
        font:normal normal normal 14px/1 "Times New Roman", Times, serif;
    }
    

    сохранит высоту строки 1 (которая в этом примере будет 14px).