如何修復父元素內部的文本，使其不會擴展到父元素的寬度以外

幫助！我怎樣才能解決這個問題？有點奇怪。我通常不會想出這個，但現在它很奇怪。我所知道的和預期的是，它不應該表現得那樣。
http://www.cssdesk.com/RfNvT 如何修復父元素內部的文本，使其不會擴展到父元素的寬度以外

2013-11-10 user2975385

使用'word-wrap：break-word;' –

您可以使用word-wrap:break-word。

.container { 
    word-wrap:break-word; 
    width: 50%; 
    font-family: segoe ui; 
    font-size: 14px; 
    border: 1px solid black; 
    padding: 8px; 
}

或者，你也可以使用overflow:hidden，這將隱藏溢出。這是假設你不想讓文字換行。 jsFiddle example

還有overflow:auto這將允許您滾動瀏覽溢出。 jsFiddle example

來源

2013-11-10 03:22:37

很酷謝謝！這很奇怪，你知道那是怎麼回事嗎？從我一直在做HTML和CSS的所有時間開始，我都沒有使用'word-wrap：break-word'這樣做，它只是根據它的父元素自動換行。但這一次，我不知道發生了什麼事。這只是，我不明白它.. – user2975385

是的，謝謝你:)'詞包裝：掰字'已經足以解決問題 – user2975385

@ user2975385這是因爲沒有任何空格。 –

我會嘗試更新您的CSS，包括：

.container h1 {font-weight: normal; margin: 0; overflow-x:hidden;}

給一個去！

來源

2013-11-10 03:28:22 user2975380

如何修復父元素內部的文本，使其不會擴展到父元素的寬度以外

回答

相關問題