2013-08-17 2 views
11

Я никогда не слышал об этом intrinsic значение до того, как я столкнулся this страница на MDN.Как работает внутренняя работа?

От кого я знаю внутренний средства натуральный. Итак, как это работает в CSS. Я думал, что auto было бы natural. Я немного искал, но ничего не могу найти.

Знаете ли Вы, что ... auto?

Пример, который я видел, был max-width: intrinsic;

+1

интересно https://developer.mozilla.org/en-US/docs/Web/CSS/max-width не считает допустимым значение ... – Chris

+0

yep, но Mozilla имеет '-moz-max -content' – icl7126

ответ

5

Похоже, что значение intrinsic является частью нового модуля CSS3 замасливающего:

http://dev.w3.org/csswg/css-sizing/

Я не использовал еще, но, возможно, ссылка будет предоставлять вы с дополнительной информацией.

На основе быстрого обзора этот модуль упростит определение того, как контент заполняет ширину и высоту родительского блока.

В настоящее время функции JavaScript часто используются для вычисления ширины и высоты блоков контейнеров на основе значений% для содержимого дочерних элементов переменной.

+0

Я не уверен, что вижу где угодно, что говорит, что 'intrinsic' является допустимым значением. Множество применений слова в документе, но не как фактическое значение. – Chris

+2

@ Крис Я считаю, что 'intrinsic' является экспериментальным, следовательно, формально недействительным. –

+0

@MarcAudet: Я хочу сказать, что 'intrinsic' никогда не упоминается как допустимое значение для max-width, даже в этом документе. В документе такие вещи, как 'fill-available' и' max-content', являются новыми значениями, использующими «внутреннее измерение», но CSS, используемый на странице примера, недействителен, даже в соответствии с этим. Я полагаю, что это могло быть действительно в более старшем проекте, возможно ... – Chris

3

искробезопасности проклейки определяет размеры на основе содержимого элемента, без учета его контекста.

http://dev.w3.org/csswg/css-sizing/#intrinsic-sizing

+0

Эта страница по-прежнему предполагает, что на самом деле это не действительное значение, а только новые значения, которые используют внутреннюю модель калибровки. – Chris

+0

@Chris Это пока не является технически обоснованным, поскольку он не является частью окончательного стандарта, как HTML5 –

+0

См. Мой ответ Marc по другому вопросу. Значение, используемое в примере, не является допустимым значением в соответствии с этим документом. – Chris

4

Это позволяет установить ширину элемента, чтобы растянуть достаточно широки, чтобы вместить своих детей. Итак, если элемент div содержит широкое изображение и некоторый текст, div будет растягиваться достаточно широко, чтобы разместить изображение, и текст начнет ломаться на этом пороге.

Определенно экспериментальный и не имеет широкую поддержку: http://caniuse.com/intrinsic-width

0

Я обнаружил, что в iOS8, Flexbox дети не всегда могут попытаться содержать все свои ребенок и вместо того, чтобы максимально их высоту доступного просмотра. min-height: min-intrinsic исправления эта проблема.

Смежные вопросы