我试图做出合理的内容:flex-end;在IE11中工作,用于溢出隐藏的DIV内容,但没有成功.
在尝试了几种组合之后,我创建了一个最小的片段,它可以在Chrome中运行,但不能在IE11中运行:
.token-container {
width: 200px;
white-space: nowrap;
overflow: hidden;
padding: 5px;
Box-shadow: 1px 1px 2px 1px silver inset;
display: flex;
flex-direction: row;
justify-content: flex-end;
//align-content: flex-end;
}
.token {
display: inline-block;
border: 1px solid silver;
margin: 1px 3px 0 0;
border-radius: 4px;
height: 19px;
padding: 0 3px;
}
t-bone
hamburger
pancetta
leberkäs
bacon
我希望’培根’项目与盒子的右端对齐;相反,’t-bone’向左对齐.
请指出任何错误,也许是我对Internet Explorer的期望.
更新:添加了我自己的替代解决方案
所以,谢谢@AaronSieb,我想.