使用文本溢出:省略号;百分比大小为

时间:2018-04-12 13:46:01

标签: html css css3 flexbox ellipsis

所以我在使用flexbox显示的页面上有三个div。它们具有相同的弯曲:收缩和弯曲:增长。他们有不同的flex:基础;其中一个内部可以是非常短的文本名称和长文本名称。

我希望将文本放在那里并使用其给定的85%,而不是展开'.one'的父div。不确定如何去做。感谢。

目标:根据flexbox调整大小和缩小的Div,但div中的文本根本不会扩展div。如果它太长,它遵循文本溢出规则并缩短。如果您将名称缩短为一个,您将看到差异。

.Name{
  margin: 0px;
    width: 85%;
    max-height: 25px;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

https://jsfiddle.net/xpvt214o/109154/

0 个答案:

没有答案