Ich habe den folgenden Textcontainer:
%Vor%css :
%Vor% Ich möchte Text voller Breite + Text-Überlauf: Ellipse machen. Wenn ich also die Größe des Browsers ändere, sollten alle title divs volle 100% Breite des Elternteils cardTitles mit ausgeschnittenem Text auf drei Punkte am Ende haben.
Ich habe festgestellt, dass dies mit Flex möglich ist. Hier ist die mögliche Antwort :
%Vor%Aber das funktioniert nicht für mich. Der übergeordnete Container wird nicht mehr skaliert, wenn die maximale Länge eines untergeordneten Titels erreicht ist.
Hier finden Sie ein Beispiel: http://88.198.106.150/tips/cpp/
Versuchen Sie die Größe des Browsers zu ändern und schauen Sie sich den Titel mit dem Text an: What does it mean that a reference must refer to an object, not a dereferenced NULL pointer . Ich muss es überstreichen Ellipse.
%Vor%
Die folgenden zwei Divs enthalten einen langen Text, der nicht in das Feld passt. Wie Sie sehen können, ist der Text abgeschnitten.
Dieses div verwendet "text-overflow: clip":
Dies ist ein langer Text, der nicht in die Box passtDieses div verwendet "text-overflow: ellipsis":
Dies ist ein langer Text, der nicht in die Box passt