您可以为文本和链接创建一个容器，然后使用JavaScript动态计算第二行的位置并相应地追加链接。示例：
HTML

<div class="post--container">
    <div class="post--content">Lorem ipsum dolor sit amet, consectetur adipiscing. Lorem ipsum dolor sit amet,
        consectetur adipiscing. Lorem ipsum dolor sit amet, consectetur adipiscing. Lorem ipsum dolor sit amet,
        consectetur adipiscing. Lorem ipsum dolor sit amet, consectetur adipiscing.
    </div>
    <a href="link" target="_blank" class="read-more">Read more</a>
</div>

字符串
CSS

.post--container {
    max-width: 300px;
    position: relative;
}

.post--content {
    line-height: 11.6px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.read-more {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #f2f2f2;
    padding: 5px;
    text-decoration: none;
}

型
JS

document.addEventListener("DOMContentLoaded", function () {
    const container = document.querySelector(".post--container");
    const content = document.querySelector(".post--content");
    const readMore = document.querySelector(".read-more");

    const lineHeight = parseFloat(window.getComputedStyle(content).lineHeight);
    const maxLines = 2;

    const setLinkPosition = () => {
        const height = content.clientHeight;
        const lines = Math.round(height / lineHeight);

        if (lines > maxLines) {
            readMore.style.top = `${maxLines * lineHeight}px`;
        } else {
            readMore.style.top = "100%";
        }
    };

    window.addEventListener("resize", setLinkPosition);
    setLinkPosition();
});

型