嗨以下代码在Chrome和Firefox中完美工作,但无法在IE中使用。我试过display: -ms-flexbox
,但它没有帮助。Flexbox无法在IE10上工作
HTML:
<div class="contener">
<span class="editableLabel">
<span class="contentTrimmed">aaaa bbbb cccc dddd eeee ffff gggg hhhh iiii jjjj kkkk llll mmmm nnnn</span>
</span>
</div>
CSS:
.contener {
width: 300px;
}
.editableLabel {
display: flex;
}
.contentTrimmed {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
我想得到的结果是截断的文本,如果超过300像素长。
它支持IE 11及以上,点击这里:http://caniuse.com/#feat=flexbox –
任何想法如何获得在IE 8-10中的行为? – sashafierce
根据您的要求,您可以使用display:block,为什么flex,任何特定的原因来实现它? –