Luc_c 2022-10-27 17:52 采纳率: 66.7%
浏览 29
已结题

怎么让文字根据div的宽度自己调整而不是超出div边界？

img

正在听css的课程发现我和视频里的代码一样，但是我div中的文字会超出盒子边界

img


但是视频里的就不会

img


谢谢

  • 写回答

5条回答 默认 最新

  • 人间小美味695 2022-10-27 18:36
    关注

    不清楚你说的视频，文本可以用 white-space控制是否换行

    
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div{
            width: 500px;
            height: 100px;
            background-color: pink;
            white-space: wrap;
            /* white-space: nowrap; */
           
        }
    </style>
</head>
<body>
    <div>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ducimus quasi laborum nemo ab, eligendi dolorem voluptatibus porro odit enim dolores culpa sed unde quisquam distinctio, hic necessitatibus quos sunt in.</div>
</body>
</html>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(4条)

报告相同问题？

问题事件

  • 系统已结题 11月7日
  • 已采纳回答 10月30日
  • 创建了问题 10月27日

悬赏问题

  • ¥15 C++ yoloV5改写遇到的问题
  • ¥20 win11修改中文用户名路径
  • ¥15 win2012磁盘空间不足,c盘正常，d盘无法写入
  • ¥15 用土力学知识进行土坡稳定性分析与挡土墙设计
  • ¥70 PlayWright在Java上连接CDP关联本地Chrome启动失败,貌似是Windows端口转发问题
  • ¥15 帮我写一个c++工程
  • ¥30 Eclipse官网打不开，官网首页进不去，显示无法访问此页面，求解决方法
  • ¥15 关于smbclient 库的使用
  • ¥15 微信小程序协议怎么写
  • ¥15 c语言怎么用printf（“\b \b”）与getch（）实现黑框里写入与删除？