在div中汉字可以自己换行英文和数字的为什么不能换行。

来源:13-2 排队显示-流动模型(一)

Mnemosyne

2016-10-13 16:06

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>流动模式下的块状元素</title>
<style type="text/css">
#box1{
    width:50%;
}
div,h1,p{
    border:1px solid red;
}
</style>
</head>
<body>
    <div id="box2">box2</div><!--块状元素,由于没有设置宽度,宽度默认显示为100%--> 
    <h1>标题</h1><!--块状元素,由于没有设置宽度,宽度默认显示为100%--> 
    <p>文本段文本段文本段文本段文本段文本段文本段文本段文本段文本段文本段文本段文本段文本段文本段文本段文本段。</p><!--块状元素,由于没有设置宽度,宽度默认显示为100%--> 
    
    <div id="box1">poi哈哈恍恍惚惚恍恍惚惚恍恍惚惚恍恍惚惚恍恍惚惚恍恍惚惚恍恍惚惚恍恍惚惚恍恍惚惚恍恍惚惚</div><!--块状元素,由于设置了width:300px,宽度显示为300px-->
    <div id="box1">poipoipoipoipoipoipoipoipoipoipoipoipoipoipoipoipoipoipoipoipoipoipoipoipoipoipoipoipoi</div>
</body>
</html>


写回答 关注

3回答

  • katewzy
    2016-10-15 15:33:57

    也没找到具体原因,给都是数字或字母的标签加一个下边界,试试

    div{

        margin-bottom:30px;

    }


  • FL丿
    2016-10-13 16:21:08

    电脑有默认

    FL丿 回复Mnemos...

    你试试每个英文单词都用空格隔开 这种情况很少的 一般不会这样啊

    2016-10-15 10:40:06

    共 2 条回复 >

  • 慕粉0832541089
    2016-10-13 16:19:09

    会把连续的英文字母默认为一个单词而无法换行

    慕粉4370... 回复Mnemos...

    大神,你这个问题现在弄懂了吗?

    2016-11-26 09:45:47

    共 2 条回复 >

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

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

1225297 学习 · 18230 问题

查看课程

相似问题