关于文字自动换行问题，请前辈解答。-慕课网

首页课程实战体系课手记专栏慕课教程

关于文字自动换行问题，请前辈解答。

来源：15-2 水平居中设置-定宽块状元素

各路大神带带我

2017-08-14 11:59

为什么div元素里的中文字一行到了一定字数就会自动换行，而如果输入的是字母(如：ghhddsd)输入再多都不会自动换行。新人请前辈解答。

写回答关注

3回答

45632346: 2017-08-26 22:06:00

已采纳

<!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>

2 1

各路大神带带...

非常感谢！O(∩_∩)O~

2017-08-26 22:42:38

共 2 条回复 >

慕粉1720382552

2017-08-28 01:21:39

非常棒的问题。这个文章能解答.http://www.cnblogs.com/2050/archive/2012/08/10/2632256.html

0 1
各路大神带带我

2017-08-14 12:04:59

代码显示这样：

0 0

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225297 学习 · 18230 问题

查看课程

相似问题

文字无法自动换行

回答 3

关于码字换行问题

回答 1

请问各位前辈如何自学前端？

回答 3

关于标题和文本框换行问题

回答 5

前辈元素问题

回答 1

打开慕课网App查看更多内容