2-7为什么文字不能换行???

2-7为什么文字不能换行???

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

<title>CSS布局</title>

<style type="text/css">

/*此处写代码*/

.title{text-align:center;font-weight:bold;font-size:25px;}

.neirong{width:800px;margin:0 auto;}

    .neirong  img{width:390px;height:250px;}

    .neirong .pic{float:left;text-align:center;width:50%;padding-top:20px;overflow:hidden;}

    .clear{clear:both;}

    .miaosu{text-align:left;padding-left:5px;height:20px;font-weight:bold;}


</style>

</head>

<body>

<!-- 此处写代码 -->

<div class="main">

    <div class="title">

        <div>ENJOY THE LIFE</div>

    </div>

    <div class="neirong">

        <div class="pic">

            <img src="http://img1.sycdn.imooc.com/climg//58f829090001a4b504260240.jpg" />

            <div class="clear"></div>

            <div class="miaosu">AAAAAAAAAAAAAAAAAAAAAA2321312321321321321312321321321321312321</div>

        </div>

        <div class="pic">

            <img src="http://img1.sycdn.imooc.com/climg//58f8290f0001558804260240.jpg" />

            <div class="clear"></div>

            <div class="miaosu">BBBBBBBBBBBBBBBBBBBBBB22222222222222</div>

        </div>

    </div>

</div>

</body>

</html>


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕星星 2018-08-24 17:29:41

连续的字符和数字,在浏览器解析的时候会解析成一个单词,不会换行。你手动添加几个空格试试看。祝学习愉快~~

  • 提问者 coldust #1
    不是这个问题,我改成文字一样不行,只显示一行宽度的字,换行之后就隐藏了!
    2018-08-24 17:31:35
  • 好帮手慕星星 回复 提问者 coldust #2
    是因为你设置了miaosu的高度为20px,去掉试试看。
    2018-08-24 17:59:07
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师