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