知识改变命运! 如何让p标签的内容自动换行?_newnew-lskyf博客社区

如何让p标签的内容自动换行?

newnew 9月前 ⋅ 1171 阅读 ⋅ 0 个赞

问题

写了这样一段代码,p标签的内容溢出了

<!DOCTYPE html>
<html>
<head>如何让p标签的内容自动换行?</head>
<body>
    <div style="width: 400px; background-color:lightcoral ;" >
        <span>Title1</span>
        <p>
          Description1Description1Description1Description1Description1Description1Description1Description1Description1Description1Description1Description1Description1Description1Description1Description1Description1Description1Description1Description1Description1Description1Description1Description1
        </p>
      </div>
</body>
</html>

如何让p标签的内容自动换行?

给p标签添加一个样式 word-break: break-all;word-wrap: break-word;就可以啦!

 p{
        word-break: break-all;
        word-wrap: break-word;
    }

完整的html代码

<!DOCTYPE html>
<html>
<head>如何让p标签的内容自动换行?</head>
<style>
    p{
        word-break: break-all;
        word-wrap: break-word;
    }
</style>
<body>
    <div style="width: 400px; background-color:lightcoral ;" >
        <span>Title1</span>
        <p>
          Description1Description1Description1Description1Description1Description1Description1Description1Description1Description1Description1Description1Description1Description1Description1Description1Description1Description1Description1Description1Description1Description1Description1Description1
        </p>
      </div>
</body>
</html>

全部评论: 0

    我有话说:

    win10如何彻底关闭自动更新

    缘由:win10自动更新是默认开启,一有新版本就会提示更新,并且有时候更新会占用很长一段时间。如何彻底关闭自动更新呢? 方法:这里列举一个比较简单方法 1.键盘同时按下 【win+R】 打开

    如何确保笔记本内存条和新购内存内存频率相同?

    在升级笔记本电脑内存时,确保新购内存内存频率与已安装内存条相匹配至关重要。不匹配内存频率可能会导致性能问题或不稳定系统运行。以下是确保内存频率相同步骤: 1. 了解笔记本电脑支持内存

    chrome浏览器隐藏标签栏或显示标签3种方式

    方法1: chrome浏览器输入:-> chrome://settings/?search=外观 ->回车键 ->显示书签 ->打开开关就是显示标签栏,关闭开关就是隐藏标签

    你为自己讨厌环境做过改变吗

    如果你不喜欢现在环境,你要么改变环境要么改变心态。但是很少有人能改变心态吧?可是不投资自己,不努力改变,不学习,总有一天我们会成为自己曾经最讨厌样子。 你或许不喜欢你现在工作环境,又或者是

    java高频面试题-Spring Boot自动配置是如何工作,以及它优点是什么?

    Spring Boot自动配置是其设计理念核心之一,它通过约定大于配置思想,为开发者提供了一种零配置开发体验。以下是对这个问题详细解答: 自动配置原理: Spring Boot通过

    手机如何省电-手机发挥它关键作用

    有时候总是感觉手机电不够用;明明没用几分钟,电量却哗哗流掉了。特别是出门在外,遇到什么情况,手机不能用,简直是没有安全感,为了手机发挥它关键作用这些试试这些方法来省省电! 1.使用飞行模式

    Spring Boot系列8-使用jasypt加密配置文件内容简单版

    加密内容是username和pwd 5.将加密...

    笔记本内存条32g和16g条能混用吗?

    笔记本内存条32g和16g条能混用吗? 一般来说,可以将32GB和16GB内存条混用,但是在使用之前,需要确保以下几点: 内存频率相同:如果两个内存频率不同,较高频率内存条将降低其速度以

    利用AI文章批量生成器打造更深度内容技巧与方法

    要使用人工智能文章生成器创建更有深度内容,请参考以下提示: 1.使用高质量人工智能文章生成器:网上有很多人工智能文章生成器,但并非所有生成器都一样。选择一个在大型数据集上经过训练并能持续生成高

    内存不能是512G原因

    在c盘里面有一个Windows文件夹,打开它,system32文件夹,里面有324个我们系统程序,‘极限Windows用户’这就是内存不能是512G原因。

    有底气女人更自信

    自信女人最美丽,可是一个人自信从何而来,我想应该是来自自己有足够能力,足够智慧。 前几天看见一条朋友圈,这是一个我很崇拜人发,说她们要搬家到无锡了。她是从无锡嫁到浙江,刚刚开始一切都是

    chatgpt下一场雪烂漫雪吧!

    下面是我和chatgpt制作下雪特效经过 Question : 下雪特效 Answer : 抱歉,我不太明白您问题。您能否提供更多上下文或者解释一下您需要特效是什么样?我会尽力为您提供帮助

    我们只有努力选择变正确

    这世上没有什么正确选择,只有努力自己选择变正确。 这一路走到今天,我做了很多次选择,也做了很多改变,有失败,也有成功,失败可能是努力不够。 2015年是软件开发春天,各种app都出来了

    送您一个最高2000元阿里云大礼包,快来领取吧~

    送您一个最高2000元阿里云大礼包,快来领取吧~ ----> 点击领取阿里云大礼包<----

    加入公众号
    加入公众号