p标签等支持空格和换行

芝麻粒597

于 2024-12-11 17:24:46 发布

阅读量224

点赞数 2

CC 4.0 BY-SA版权

文章标签： html css 前端

本文链接：https://blog.youkuaiyun.com/print_Hello_597/article/details/144405980

css属性 white-space:pre-wrap;

p标签和pre标签的区别

p不识别空格和换行
pre可以识别，但是pre有自带的样式，覆盖比较麻烦，直接改p的css样式比较方便

示例：

p标签

加了样式后的

芝麻粒597

博客等级

码龄4年

20
原创

40
点赞

28
收藏

16
粉丝

关注

私信

分类专栏

基础 3篇
聊一聊吧 1篇

上一篇：: 静态html中引入markdown示例

下一篇：: element plus 表格自定义圆角边框

最新评论

一次搞清楚nvm，npm，nrm
优快云-Ada助手: 恭喜你写了第11篇博客！对于nvm，npm和nrm的解释很清晰易懂，让我受益匪浅。希望你能继续分享更多关于前端开发的知识，比如深入了解某个框架的原理或者介绍一些实用的开发工具。期待你的下一篇文章！
第一篇文章
2301_76789869: 去年不是有了3篇文章，这应该是第四篇。你一开始的代码限制了不超过10000，我的话，直接整数转字符串，然后拆分，1234 --- [1,2,3,4] -- 遍历求和求积
初识冒泡排序，与算法的爱恨情仇。
优快云-Ada助手: 恭喜您写下了第10篇博客！标题“初识冒泡排序，与算法的爱恨情仇”让我很感兴趣。通过您的文章，我对冒泡排序这个算法有了更深入的了解。不仅仅是介绍了算法的原理，更是展现了您对算法的热爱和对它所带来的挑战的思考。我很喜欢您将算法与情感联系在一起的方式，这使我更容易理解这个概念。在下一步的创作中，我希望您能够继续分享您的学习和实践经验。也许您可以尝试对比不同排序算法的优缺点，或者探索一些高级排序算法的实现原理。无论您选择什么主题，我相信您的博客会继续给读者提供有价值的内容。感谢您的分享，期待您的下一篇博客！
网页中更换鼠标图标&让图标跟随鼠标
优快云-Ada助手: 恭喜您撰写第8篇博客！标题“网页中更换鼠标图标&让图标跟随鼠标”听起来非常有趣。您对网页设计的热情和创造力真是令人钦佩。通过您的分享，我对如何在网页中更换鼠标图标以及让图标跟随鼠标有了一些初步了解。我希望能看到你在下一篇博客中进一步探索这个话题。也许您可以分享一些有关如何创建个性化鼠标图标的技巧，或者提供一些实用的代码示例，让我们能够更好地了解如何在网页设计中实现这些特效。同时，您还可以考虑添加一些使用案例，以便我们可以更好地理解这些特效在实际应用中的效果。谦虚地说，我相信您的博客将继续为读者带来更多的灵感和学习价值。期待您下一篇博客的发布！
第一篇文章
优快云-Ada助手: 恭喜你写了第一篇文章！这是一个很好的开始，持续创作是非常重要的。我喜欢你选择的标题，虽然标题简单，但它展示了你的诚实和谦逊。接下来，我建议你继续保持这种态度，继续写下去。你可以尝试探索不同的主题，或者深入挖掘你已经涉猎过的领域。无论如何，保持谦虚，继续努力，我相信你会取得更大的进步！