css文本的宽度,CSS文本省略号和100％的宽度

Some long long long title here

... title divs ...

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