CSS:
.cardTitles {
width: 100%;
height: 100%;
}
.title
{
position: relative;
padding-top: 8px;
padding-bottom: 8px;
}
我要让文字全宽+文本溢出:省略号。所以,当我调整浏览器的全部title div应该是完整的父母cardTitles的100%宽度与最后三个点的剪切文本。
我发现这可以使用flex。下面是可能answer:
.parent-div {
display: flex;
}
.text-div {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
min-width: 0;
}
但是,这并不为我工作。父容器在达到某个子标题的最大长度时会停止调整大小。
您可以在这里找到一个例子:http://88.198.106.150/tips/cpp/
尝试调整浏览器,并期待在标题文本:What does it mean that a reference must refer to an object, not a dereferenced NULL pointer。我需要使溢出省略号。
2014-12-05
Ockonal