                        課程
                    
                        /前端開發
                        
                            /HTML/CSS
                        
                        /初識HTML(5)+CSS(3)-升級版

關于文字自動換行問題，請前輩解答。

為什么div元素里的中文字一行到了一定字數就會自動換行，而如果輸入的是字母(如：ghhddsd)輸入再多都不會自動換行。新人請前輩解答。

各路大神帶帶我

2017-08-14

源自：初識HTML(5)+CSS(3)-升級版 15-2

關注問題我要回答

1215

操作

收起

3 回答

45632346 回答被采納 +2 積分
2017-08-26

<!DOCTYPE?HTML>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8">
<title>定寬塊狀元素水平居中</title>
<style>
.div1{
????border:1px?solid?red;
width:200px;
margin:20px?auto;
}
.div2{
????border:2px?solid?green;
????width:300px;
????margin:100px?auto;
????word-wrap:break-word;/*鍵入word-wrap:break-word可以實現換行*/
}
</style>
</head>

<body>
<div?class="div1">我是定寬塊11111狀元素，我要水平居我是定寬塊2222狀元素，我要水平居中顯示我是定寬塊2222狀元素，我要水平居中顯示我是定寬塊2222狀元素，我要水平居中顯示我是定寬塊2222狀元素，我要水平居中顯示我是定寬塊2222狀元素，我要水平居中顯示我是定寬塊2222狀元素，我要水平居中顯示我是定寬塊2222狀元素，我要水平居中顯示我是定寬塊2222狀元素，我要水平居中顯示我是定寬塊2222狀元素，我要水平居中顯示我是定寬塊2222狀元素，我要水平居中顯示我是定寬塊2222狀元素，我要水平居中顯示我是定寬塊2222狀元素，我要水平居中顯示我是定寬塊2222狀元素，我要水平居中顯示我是定寬塊2222狀元素，我要水平居中顯示我是定寬塊2222狀元素，我要水平居中顯示我是定寬塊2222狀元素，我要水平居中顯示我是定寬塊2222狀元素，我要水平居中顯示我是定寬塊2222狀元素，我要水平居中顯示中顯示。</div>
<div?class="div2">spdivnsodvmsv.[sojrgberkb,osurdhbnovserdbisjvoasnrgvjxmvksamroinserobvmseordjbmoeskrmvskdmkvmaskpdivnsodvmsv.[sojrgberkb,osurdhbnovserdbisjvoasnrgvjxmvksamroinserobvmseordjbmoeskrmvskdmkvmaskpdivnsodvmsv.[sojrgberkb,osurdhbnovserdbisjvoasnrgvjxmvksamroinserobvmseordjbmoeskrmvskdmkvmaskpdivnsodvmsv.[sojrgberkb,osurdhbnovserdbisjvoasnrgvjxmvksamroinserobvmseordjbmoeskrmvskdmkvmaskpdivnsodvmsv.[sojrgberkb,osurdhbnovserdbisjvoasnrgvjxmvksamroinserobvmseordjbmoeskrmvskdmkvmaskpdivnsodvmsv.[sojrgberkb,osurdhbnovserdbisjvoasnrgvjxmvksamroinserobvmseordjbmoeskrmvskdmkvmaskpdivnsodvmsv.[sojrgberkb,osurdhbnovserdbisjvoasnrgvjxmvksamroinserobvmseordjbmoeskrmvskdmkvmaskpdivnsodvmsv.[sojrgberkb,osurdhbnovserdbisjvoasnrgvjxmvksamroinserobvmseordjbmoeskrmvskdmkvmaskpdivnsodvmsv.[sojrgberkb,osurdhbnovserdbisjvoasnrgvjxmvksamroinserobvmseordjbmoeskrmvskdmkvmaskpdivnsodvmsv.[sojrgberkb,osurdhbnovserdbisjvoasnrgvjxmvksamroinserobvmseordjbmoeskrmvskdmkvmaskpdivnsodvmsv.[sojrgberkb,osurdhbnovserdbisjvoasnrgvjxmvksamroinserobvmseordjbmoeskrmvskdmkvmaskpdivnsodvmsv.[sojrgberkb,osurdhbnovserdbisjvoasnrgvjxmvksamroinserobvmseordjbmoeskrmvskdmkvmaskpdivnsodvmsv.[sojrgberkb,osurdhbnovserdbisjvoasnrgvjxmvksamroinserobvmseordjbmoeskrmvskdmkvmaskpdivnsodvmsv.[sojrgberkb,osurdhbnovserdbisjvoasnrgvjxmvksamroinserobvmseordjbmoeskrmvskdmkvmaskpdivnsodvmsv.[sojrgberkb,osurdhbnovserdbisjvoasnrgvjxmvksamroinserobvmseordjbmoeskrmvskdmkvmaskpdivnsodvmsv.[sojrgberkb,osurdhbnovserdbisjvoasnrgvjxmvksamroinserobvmseordjbmoeskrmvskdmkvmaskr</div>
</body>
</html>