CSS-Zeilenklemme funktioniert nicht mit einer verschachtelten Taste ⇐ HTML

[Guest]

Ich möchte, dass eine verschachtelte Taste in einem mit Zeilen klemmenden Behälter mit Ellipse bei 1 Zeile richtig abgeschnitten wird. Aber selbst wenn Sie die Schaltfläche stylen, um sich genau wie ein Anker -Tag zu verhalten, funktioniert er immer noch nicht. Ich möchte, dass der Knopf in diesem Szenario wie der Anker versteckt wird. Ich weiß, dass es andere Möglichkeiten gibt, d. H. Aufzeilen-Klemme auf die Taste selbst usw. < /p>
Wenn es wirklich nicht gibt Wie ist dieses erwartete Verhalten? Oder gibt es ein Problem damit, wie CSS-Zeilenklamp mit einer verschachtelten Schaltflächen interagiert?

Code: Select all

.clamp-line {
-webkit-line-clamp: 1;
overflow: hidden;
width: 200px;
display: -webkit-box;
-webkit-box-orient: vertical;
}

button {
align-items: normal;
background-color: rgba(0,0,0,0);
border-color: rgb(0, 0, 238);
border-style: none;
box-sizing: content-box;
color: rgb(0, 0, 238);
cursor: pointer;
display: inline;
font: inherit;
height: auto;
padding: 0;
perspective-origin: 0 0;
text-align: start;
text-decoration: underline;
transform-origin: 0 0;
width: auto;
-moz-appearance: none;
-webkit-logical-height: 1em; /* Chrome ignores auto, so we have to use this hack to set the correct height  */
-webkit-logical-width: auto; /* Chrome ignores auto, but here for completeness */
}

Code: Select all

Nested anchor tag does work

[url=#]
lorem ipsum dolor sit amet consectetur adipisicing elit
[/url]

Nested button styled as anchor does not work


lorem ipsum dolor sit amet consectetur adipisicing elit