鏈接文本伸出股利

Question

，使其簡單，我有以下代碼：

<div> 
    <a>view all your links</a> 
</div> 

的div的寬度非常小，所以文本「所有鏈接」伸出的div 。我如何在「所有」之後有一個新的行，所以「鏈接」不要伸出來？

Answer 1

使用max-width屬性爲您的a鏈接。

編輯：您可能還需要一個display: block您的a標記以及。

Answer 2

你還沒有指定你想要的結果。你想讓div調整大小來容納整個鏈接的寬度嗎？如果是這樣，不要在其上或其祖先元素的任何一個固定的寬度。你想過長的鏈接被切斷嗎？如果是這樣，請將overflow: hidden作爲div的樣式。

Answer 3

如果您想以可視方式拆分鏈接，以便它們不會擴展到div以外，可以在樣式表中將word-wrap: break-word添加到a。因此：

a { 
    word-wrap: break-word; 
}