Ich versuche, für einige Titel eine maximale Zeilenanzahl festzulegen, aber das Problem besteht darin, dass eine Zeile manchmal mit einem Bindestrich endet. Was ich brauche, ist, dass, wenn ein Wort gebrochen werden muss, es vollständig ausgeblendet wird und die Auslassungspunkte nach dem vorherigen Wort platziert werden.
Dieser Code zeigt das Problem:
#head { Breite:300px; Schriftgröße: 20px; Anzeige: -webkit-box !important; Farbe: #000000 !important; Textüberlauf: Auslassungspunkte !important; -webkit-line-clamp: 4 !important; -webkit-box-orient: vertikal !important; Überlauf: versteckt !important; } Lorem Ipsum ist einfach ein Blindtext der Druck- und Satzindustrie, seit ein unbekannter Drucker im 15. Jahrhundert eine Druckfahne nahm und daraus einen Standardtext machte
Es gibt einen Bruch im Wort „ever“, kann ich das irgendwie verhindern?
要达到完全隐藏断词并将省略号放在前一个词后面的效果，您可以使用 JavaScript 来操作文本内容。以下是如何修改代码以实现此目的的示例：
function truncateText(element, maxLength) { const text = element.innerText; if (text.length <= maxLength) return; const truncatedText = text.slice(0, maxLength); const lastSpaceIndex = truncatedText.lastIndexOf(' '); element.innerText = truncatedText.slice(0, lastSpaceIndex) + '...'; } const headlineElement = document.getElementById('headline'); truncateText(headlineElement, 100);#head { width: 300px; font-size: 20px; display: -webkit-box !important; color: #000000 !important; -webkit-line-clamp: 4 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; }在此代码中，JavaScript 函数
truncateText用于在文本内容超过指定的最大长度时截断文本内容。该函数查找最大长度内的最后一个空格字符，并用省略号替换剩余的文本。在添加省略号之前，您可以将
maxLength参数调整为所需的字符数。