锚标签文本不会换行

Question

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

HTML

<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}应该可以解决问题

这里是similar issue的链接

Answer 2

a { word-wrap: break-word; }为我工作，多亏了this link