CSS-зажим строки не работает с вложенной кнопкой ⇐ Html

[Anonymous]

Я хочу, чтобы вложенная кнопка внутри контейнера с зажатой с линией была должным образом отрезана эллипсисом на 1 линии. Но даже при стилии кнопки, чтобы вести себя точно так же, как якорный тег, она все еще не работает. < /P>
Есть ли какой -нибудь способ сделать эту работу? Я имею в виду, что кнопка ведет себя как якорь в этом сценарии, я знаю, что есть и другие способы вокруг этого, то есть применение зажима линии к самой кнопке и т. Д. < /p>
Если действительно нет способ, это ожидаемое поведение? Или есть проблема с тем, как CSS Line-Clamp взаимодействует с вложенными кнопками?

Код: Выделить всё

.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>
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

Подробнее здесь: https://stackoverflow.com/questions/793 ... ted-button