                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /HTML/CSS
                        
                        /初識(shí)HTML(5)+CSS(3)-升級(jí)版

關(guān)于文字自動(dòng)換行問(wèn)題，請(qǐng)前輩解答。

為什么div元素里的中文字一行到了一定字?jǐn)?shù)就會(huì)自動(dòng)換行，而如果輸入的是字母(如：ghhddsd)輸入再多都不會(huì)自動(dòng)換行。新人請(qǐng)前輩解答。

各路大神帶帶我

2017-08-14

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

關(guān)注問(wèn)題我要回答

1225

操作

收起

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可以實(shí)現(xiàn)換行*/
}
</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>