在IE10中的柔性收縮

我有一個塊，其中有一個圖像和另一個塊。在IE10中的柔性收縮

父塊有display:flex，使圖像和子塊成一排。

子塊也有display:flex，但它形成了由段落和標題組成的列。

.summary__testimonial{ 
    display: -ms-flexbox; 
    display: flex; 
    padding-bottom: 120px; 
    padding-top: 35px; 
    max-width: 100%; 
} 

.summary__testimonial-right{ 
    display: -ms-flexbox; 
    display: flex; 
    -ms-flex-direction:column; 
    flex-direction:column; 
    box-sizing: border-box; 
    max-width: 100%; 
    -ms-flex-negative:1; 
    flex-shrink:1; 
    -ms-flex-pack:center; 
    justify-content:center; 
    width: auto; 
}

的問題是，該文本段落溢出他的父母在IE 10

我試着設置max-width:100%，width:auto，box-sizing:border-box，改變flex-shrink值1和0。

它仍然要麼溢出，或成爲單行線，你最有可能看到codepen，如果你在IE 10

打開它有什麼辦法讓它看起來在IE 10一樣在正常的瀏覽器？

來源

2016-07-01 qtxt

Internet Explorer 10使用older version of flexbox (2012)構建。

此版本不提供flex-shrink。該物業當時並不存在。

查看Flexbox IE10 Property Index。

您可以得到最接近的將是-ms-flex屬性，它設置「負彈性」（reference）。

也看到這樣的回答：https://stackoverflow.com/a/35137869/3597276

來源

2016-07-01 13:30:29

什麼是那麼這個「-MS-FLEX-負：1」？它是由autoprefixer設置的，它沒用嗎？ – qtxt

我從來沒有聽說過它。更重要的是，它不在MS Flexbox/IE10指南中：https：//msdn.microsoft.com/library/hh673531(v=vs.85).aspx –

好吧，但如何理解這一點：「如果你必須支持IE 10中，最好的解決方案是始終在所有Flex項目上設置明確的flex-shrink值，或始終使用longhand形式「。它們是什麼意思，當IE10沒有任何flex-shrink值時，說「顯式flex-shrink值」？https：//github.com/philipwalton/flexbugs – qtxt

的IE10相當於flex-shrink是-ms-flex-negative

例如，

-ms-flex-negative: 0;

來源

2016-11-02 02:49:21

在IE10中的柔性收縮

回答

相關問題