關于padding
為什么我設置了padding后，在盒子里隨意打字時發(fā)現字會超出盒子框，然后我又分別打了中文和英文，我先打的是英文，可是英文會超出框，然后在英文后打中文，這時盒子里的內容自動換行了，而且打的中文不會再有超出框的現象，這是怎么回事？
墨格
2016-10-16
3 回答
舉報
0/150
提交
取消
2016-10-16
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>填充</title>
<style type="text/css">
#box1{
??? width:100px;
??? height:100px;
??? padding:10px 200px 50px 10px;
??? border:1px solid red;
??? overflow : hidden;
}
</style>
</head>
<body>
<div id="box1">inasjhdiahdajksldjaskslajsdkjasdkaksjdkajsdkajdjakjdlajksnkcnshbdhasgdja</div>
</body>
</html>
2016-10-16
overflow : visible | auto | hidden | scroll
Overflow參數：?
visible : 不剪切內容也不添加滾動條。
auto : 此為body對象和textarea的默認值。在需要時剪切內容并添加滾動條
hidden : 不顯示超過對象尺寸的內容
scroll : 總是顯示滾動條
2016-10-16
這個跟padding沒有關系，是因為你打連續(xù)英文系統(tǒng)自認為它是一個單詞，所以會直接輸出不會換行。
解決方法：1.每個單詞中空出一個空格
? ? ? ? ? ? ? ? ?2.設置div樣式：word-break:break-all;