CSS - 如何讓分隔線

編輯： 找出來！ word-wrap:break-word;那裏是誰具有相同的問題;）CSS - 如何讓分隔線

所以，我有以下的div：

<div class="thing"> 
aaaaaaaaaaaa 
</div>

而CSS：

.thing { 
width: 90%; 
height: 400px; 
padding: 10px solid #000; 
}

問題是，當我增加多少內容，文本脫離了div！

http://i.imgur.com/Xa51x2J.png

如何解決這個問題只使用CSS？

來源

2013-06-11 Luis Parker

'padding：10px solid＃000;'........只是爲了驗證，你的意思是**邊框**正確？ – Riskbreaker

.thing { 
width: 90%; 
height: 400px; 
padding: 10px solid #000; 
word-break:break-all; 
}

用字斷

來源

2013-06-11 16:38:27

breakall和breakword有什麼不同？ –

如果不符合容器寬度，則break-all會將您的單詞移動到下一行，但是break-word會打破單詞以使其適合容器寬度。看到這個鏈接http://stackoverflow.com/questions/1795109/what-is-the-difference-between-word-break-break-all-versus-word-wrap-break –

這種情況發生coze您不添加空間

只需添加一些地方這樣>「AAAAAA AAAAAA」之間的「AA」的空間沒有字有12個字符

但是如果您需要這個長字然後用

word-break:break-all;

來源

2014-04-14 09:48:03 fahd4007

CSS - 如何讓分隔線

回答

相關問題