Почему недвижимость CSS нельзя, не позволяя мне сделать жесткие пробелы в Chrome? -- minimum поле с участием css пол Связанный проблема

Why isn't the CSS property 'line-height' letting me make tight line-spaces in Chrome?


30
vote

проблема

русский

У меня есть тег абзаца, который я определил в другом месте с высотой строки 15px, и у меня есть другой тег абзаца дальше вниз по странице, где я хочу сделать высоту линии вокруг 10px. Забавно, это не позволит мне допуститься до 10px или что-то меньшее меньше, но когда я установил его в 25px или выше, свойство высоты линии, кажется, работает.

Я проверил соответствующие CSS (все вручную) через инструменты веб-разработчиков Chrome браузера (версия Firebox Chrome of Firefox) и не смогла найти ничего актуального. Есть ли общая ошибка CSS, которая мешает мне сокращать высоту линии за пределами определенного минимального количества?

Английский оригинал

I have a paragraph tag that I defined elsewhere with a line height of 15px, and I have another paragraph tag further down the page where I want to make the line height around 10px. Funny thing is, it won't let me get down to 10px or anything smaller than that, but when I set it to 25px or higher, the line-height property seems to be working.

I checked the relevant CSS (all hand-coded) via the Chrome browser's web developer tools (Chrome's version of Firefox's Firebug) and couldn't find anything relevant. Is there a common CSS bug that prevents me from shrinking the line-height beyond a certain minimum amount?

</div
     
   
   

Список ответов

-9
 
vote
vote
Лучший ответ
 
<Р> линейный рост относительно размера шрифта, вы не можете идти ниже, чем если вы не объявлять отрицательные поля.
 

line-height is relative to font-size, you can't go any lower than that unless you declare negative margin.

</div
 
 
 
 
72
 
vote
<Р> Я заметил, как в Firefox и Chrome, что если вы установите доктайп HTML5 есть минимальная высота строки для встроенных элементов. Для блочных элементов можно установить высоту строки на то, что вы хотите, даже сделать линии пересекаются. <Р> Если вы не установите HTML5 доктайп, нет минимальной высоты строки для любого блока или встроенных элементов.
 

I've noticed in both Firefox and Chrome that if you set the HTML5 doctype there's a minimum line-height for inline elements. For block elements you can set the line-height to whatever you want, even make the lines overlap.

If you don't set the HTML5 doctype, there's no minimum line-height for either block or inline elements.

</div
 
 
       
       
25
 
vote
<Р> Я столкнулся с той же проблемой, хорошо работал с:
 <код> const setTree = (tree) => {   return {     type: actionTypes.GET_TREE,     tree   }; };  export const getTree = (sha) => {    return (dispatch, getState) => {     const { repository, profile } = getState();     const repo = GitHubApi.getRepo(profile.login, repository.name);      repo.getTree(sha, function(err, data) {       dispatch(setTree(data));     });   } } 1  
 

I ran into the same issue, worked well with:

.element { display: block; line-height: 1.2; } 
</div
 
 
3
 
vote

После тестирования этого в IE 8-11, Firefox 38.0.1, и Chrome 43, поведение одинаково: встроенные элементы имеют минимальную высоту линии, которую они не будут идти ниже. Похоже, что эта минимальная высота исходит от CSS Spec :

на элементе блочного контейнера, содержание которого состоит из элементов встроенного уровня, «высота линии» указывает минимальную высоту линейных коробок в элементе. Минимальная высота состоит из минимальной высоты выше базовой линии и минимальной глубины под ним, точно так же, как если каждая линия запускается с встроенной коробки нулевой ширины с помощью шрифта элемента и свойствами высоты уровня. Мы называем эту воображаемую коробку «стойкой».

Если вы хотите сохранить некоторые преимущества встроенных элементов, вы можете использовать <код> display: inline-block . Вы также можете использовать <код> display: block . Оба позволили вам сделать высоту линии, все, что вы хотите во всех браузерах, которые я протестировал.

Две связанные вопросы для получения дополнительной информации:

Почему высота линии пролета бесполезна >

Браузер, похоже, имеет минимальную высоту линии на этом блоке, который содержит текст. Почему?

 

After testing this in IE 8-11, Firefox 38.0.1, and Chrome 43, the behavior is the same: inline elements have a minimum line-height that they won't go below. It appears this minimum height comes from the CSS spec:

On a block container element whose content is composed of inline-level elements, 'line-height' specifies the minimal height of line boxes within the element. The minimum height consists of a minimum height above the baseline and a minimum depth below it, exactly as if each line box starts with a zero-width inline box with the element's font and line height properties. We call that imaginary box a "strut."

If you want to maintain some benefits of inline elements, you can use display: inline-block. You can also use display: block. Both will allow you to make the line-height whatever you want in all the browsers I tested.

Two related questions for more reading:

why the span's line-height is useless

The browser seems to have a minimum line-height on this block that contains text. Why?

</div
 
 

Связанный проблема

0  Найдите максимальный элемент в массиве, который имеет минимальную позицию [Закрыто]  ( Find the maximum element in an array which has the minimum position ) 
<в сторону CLASS = "S-NEWACTS S-WELTIVE__info JS-Post-New Imide MB16« Роль = «Статус»> закрыт. Этот вопрос не соответствует Рекомендациям переполнения ...

4  Как ограничить минимальный размер окна для Eclipse E4  ( How to restrict the minimum size of the window for eclipse e4 ) 
Я делаю приложение на основе Framework Eclipse E4. Мне было интересно, как минимальный размер окна приложения может контролироваться. Кажется, нет никаких сво...

0  Распаковка три минимумов  ( Extracting three minimums ) 
<Р> Я хочу, чтобы получить минимум двойного массива и два других минимальных значений. В общей сложности я бледный, чтобы получить 3 меньшие значения массива. ...

0  Минимальное расстояние до центра сферы с использованием MatLab  ( Minimum distance to the center of a sphere using matlab ) 
Учитывая 2 балла A и B, принадлежащие к сфере с данным радиусом R. Я хочу найти сферу, чья центр имеет минимальное расстояние до данной точки G. Спасибо ...

-1  Вернуть минимальное значение, исключая 0 в расчете формы  ( Return minimum value excluding 0 in form calculation ) 
Я пытаюсь вернуть минимальное значение в серии цифровых полей ввода. Когда поля пустые, они читаются как 0. math.min возвращает 0, если все поля не заполнен...

46  Python: найти индекс минимального элемента в списке поплавок [дубликат]  ( Python find index of minimum item in list of floats ) 
<в сторону CLASS = "S-NEWACTS S-WELTIVE__info JS-Post-New Imide MB16« Роль = «Статус»> Этот вопрос уже есть ответы здесь : ...

2  KDB / Q Group по минимальному дает бесконечность  ( Kdb q group by minimum gives infinity ) 
KDB рассчитывает бесконечность для нулевой колонны, если выполняется группу. <код> t:([]a: 1 1 2;b: 3 2 0n) select min b by a from t a 1 2.0 2 o...

11  Получение минимума / максимум для каждой группы в ActiveRecord  ( Fetching minimum maximum for each group in activerecord ) 
Это старый возрастной вопрос, в котором с учетом таблицы с атрибутами «тип», «разнообразие» и «цена», которую вы извлекаете запись с минимальной ценой для каж...

6  Найти минимальную сумму, которая не может быть сформирована  ( Find minimum sum that cannot be formed ) 
Дали положительные целые числа от 1 до n где n может идти до 10 ^ 9 . Некоторые k целых чисел от этих заданных целых чисел отсутствуют. K может быть на макс...

13  Пролог, найти минимум в списке  ( Prolog find minimum in a list ) 
Короче говоря: как найти минимальное значение в списке? (Спасибо за консультацию Карель) Длинная история: Я создал взвешенный график в прологе Amzi и дал ...

237  Как масштабировать диапазон номеров с известным мин и максимальным значением  ( How to scale down a range of numbers with a known min and max value ) 
Так что я пытаюсь выяснить, как взять диапазон номеров и масштабировать значения, чтобы соответствовать диапазону. Причина желающих сделать это в том, что я п...

3  Расчет минимального расстояния между двумя данными данных  ( Calculating the minimum distance between two dataframes ) 
Мне нравится найти элемент DF2, который каконет к элементу в DF1. Расстояние - евклидое расстояние. Например, для A в DF1 F в DF2 - одно. <код> >>> DF1 ...

1  Получение наименьшего числа в массиве Python  ( Getting smallest number in array python ) 
Я пытаюсь программировать в Python У меня есть массив, который содержит данные, такие как [a, 20, false] [b, 1, false] [c, 8, false] Я хочу иметь возмож...

0  Как я могу найти минимум с двоичным поиском на интервале в Scala?  ( How can i find the minimum with binary search on an interval in scala ) 
Хорошо, так что я пытаюсь найти минимум данного интервала с двоичным поиском в Scala, но минимум должен соответствовать также заданную функцию. Вот мой код: ...

32  Датанотации StringLength Attryute MVC - без максимального значения  ( Dataannotations stringlength attribute mvc without max value ) 
Я использую аннотации данных для проверки модели в MVC4 и в данный момент используете StringLenceattribute, однако я не хочу указывать максимальное значение (...

Связанный проблема

0  Найдите максимальный элемент в массиве, который имеет минимальную позицию [Закрыто] 
4  Как ограничить минимальный размер окна для Eclipse E4 
0  Распаковка три минимумов 
0  Минимальное расстояние до центра сферы с использованием MatLab 
-1  Вернуть минимальное значение, исключая 0 в расчете формы 
46  Python: найти индекс минимального элемента в списке поплавок [дубликат] 
2  KDB / Q Group по минимальному дает бесконечность 
11  Получение минимума / максимум для каждой группы в ActiveRecord 
6  Найти минимальную сумму, которая не может быть сформирована 
13  Пролог, найти минимум в списке 
237  Как масштабировать диапазон номеров с известным мин и максимальным значением 
3  Расчет минимального расстояния между двумя данными данных 
1  Получение наименьшего числа в массиве Python 
0  Как я могу найти минимум с двоичным поиском на интервале в Scala? 
32  Датанотации StringLength Attryute MVC - без максимального значения 



© 2021 www.qaru.top All Rights Reserved. Q&A House все права защищены


Licensed under cc by-sa 3.0 with attribution required.