锚标记文本不会换行

Question

有一个简单的问题。我有锚标记，它们是指向外部网站的链接，这些标记位于 ap 元素下方、12 列网格内。我在它们上使用了 col-4，文本保留在容器内，但锚文本不会中断到另一行。p 元素及其文本保留在 col-4 中，但锚文本溢出。请帮忙

超文本标记语言

<div class="grouped-content__selection">
<div class="col4">
    <h3>Go Kart Sorihuela Costa</h3>    
    <p>Hello <br>Website: <a href="google.co.uk">This line of text goes over</a></p>
</div>
</div>

CSS

.grouped-content__selection {
border-top: 2px solid #184450;
padding: 2rem 1rem 1rem 1rem;
overflow: hidden;
height: 100%;}

Answer 1

我认为a{white-space: pre-wrap}应该解决这个问题

这是类似问题的链接