2013-07-03 2 views
6

Есть ли какие-либо хаки для max-width:-webkit-fit-content; для ie 8?max-width: -webkit-fit-content, т.е. 8 эквивалент?

Попытка получить дочерний div, чтобы не взять всю ширину родителя, и это хорошо работает с ff, chrome и safari; надеясь, что есть какой-то хак, чтобы заставить его работать с 8-м.

Fiddle показывает поведение: http://jsfiddle.net/XtZq9/ Код для поведения Я хочу в ie8:

#wrap { 
    background-color: aqua; 
    width:300px; 
    height: 50px; 
    padding-top: 1px; 
} 

.textbox { 
    background-color: yellow; 
    max-width: intrinsic; 
    max-width:-webkit-fit-content; 
    max-width: -moz-max-content; 
    margin-top: 2px; 
} 

<div id="wrap"> 
    <div class="textbox"> 
     Here is some text 
    </div> 
    <div class="textbox"> 
     Here is other, longer, text 
    </div> 
</div> 
+0

Не много кода для продолжения ... по какой-либо причине вы не можете применить условный комментарий, который просто устанавливает ширину% в этом контейнере для ie8? – relic

+0

Я хочу, чтобы ширина контейнера была динамической в ​​соответствии с ее содержимым, поэтому не хотелось устанавливать значение статической ширины; там действительно не так много кода, чтобы включить, но плохо добавить вопрос, чтобы включить его. вот скрипка, описывающая поведение, которое я хочу: http://jsfiddle.net/XtZq9/ – HelloWorld

+0

@HelloWorld: '.textbox {float: left;} .textbox + * {clear: left;}' - небольшой взлом, который будет по существу сделайте то же самое: http://jsfiddle.net/XtZq9/1/ - однако я не могу проверить это в IE8, поскольку в настоящее время я не на ПК с ОС Windows. – Zeta

ответ

3

Ближайший я могу думать плавающая свои элементы. Не совсем похожи, но, вероятно, достаточно похожи;) Вам нужно установить дополнительный запас, хотя это не должно быть проблемой с условной таблицей стилей.

.textbox { 
    background-color: yellow; 
    float:left; 
    clear:left; 
} 

Your modified fiddle

+0

спасибо добро пожаловать sir – HelloWorld

+0

@HelloWorld Добро пожаловать. – Christoph

4

С demosthenes.info, я узнал, что я могу просто использовать

display: table; 

вместо

width: fit-content; 

Проверьте связь, однако о проблемах с пробелами. Это не относится к моему делу и просто заменяет width: fit-content с дисплеем : таблица решила мою проблему довольно легко.

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