如何讓文字不超出邊框
代碼如下，結果如圖，為什么文字會超出邊框，不會自動轉到下一行？如何讓文字不超出邊框
<!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;
? ? border:1px solid red;
}
</style>
</head>
<body>
<div id="box1">盒子1111111111111111111</div>
</body>
</html>
2016-04-10
#box1{
? ? width:100px;
? ? height:100px;
? ? padding:10px;
? ? border:1px solid red;
? ? word-break : break-all
}
2016-04-20
文字 是 會自動換行的 。 字母和數字 ?要 用?? word-break : break-all ?才會自動換行。
2016-04-10
<!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;
? ? border:1px solid red;
}
</style>
</head>
<body>
<div id="box1">盒子111111<br>1111111111111</div>
</body>
</html>