为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

正在回答

3 回答

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


1 回复 有任何疑惑可以回复我~
#1

45632346

注意:word-wrap:break-word;
2017-08-26 回复 有任何疑惑可以回复我~
#2

各路大神带带我 提问者

非常感谢!O(∩_∩)O~
2017-08-26 回复 有任何疑惑可以回复我~

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

1 回复 有任何疑惑可以回复我~

代码显示这样:http://img1.sycdn.imooc.com//599121510001363f03930179.jpg

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
初识HTML(5)+CSS(3)-升级版
  • 参与学习       1225792    人
  • 解答问题       18234    个

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

进入课程

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

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信