Html和Css中的空格
Html和Css中的空格
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>css空格</title><style>.test1,.test2,.test3,.test4,.test5{display: block;width: 100px;height: 230px;background:red;}.test3{white-space:pre;}.test4{white-space:pre-wrap;}.test5{white-space:pre-line;}body{padding-bottom: 500px;}</style>
</head>
<body>
<h3>正常</h3>
<p class="test1">我若有先知讲道之能，也明白各样的奥秘，各样的知识，而且有全备的信，叫我能够移山，却没有爱，我就算不得什么。</p><h3>空格</h3>
<p class="test2">我若 有先知讲道 之能，也明白各样的奥秘，各样的知识，而且有全备的信，叫我能够移山，却没有爱，我就算不得什么。</p><h3>white-space:pre</h3>
<p class="test3">我若有先知讲道 之能，也明白各样 的奥秘，各样的知识，而且有 全备的信，叫我能够移山，却没有爱，我就算不得什么。</p><h3>white-space:pre-wrap</h3>
<p class="test4">我若有先知讲道 之能，也明白各样 的奥秘，各样的知识，而且有 全备的信，叫我能够移山，却没有爱，我就算不得什么。</p><h3>white-space:pre-line</h3>
<p class="test5">我若有先知讲道 之能，也明白各样 的奥秘，各样的知识，而且有 全备的信，叫我能够移山，却没有爱，我就算不得什么。</p>
等价于
<p class="test1">我若有先知讲道 之能，也明白各样 的奥秘，各样的知识，而且有 全备的信，叫我能够移山，却没有爱，我就算不得什么。</p>
</body>
</html>结果：
Html和Css中的空格相关推荐
- css如何保留空格,HTML/CSS中的空格处理_如何保留页面中的空格
html中的空格的规则 在html中内容中的多个空格一般会被视为一个,连续的多个空格符被自动合并了.同时内容前后的空格也会被清除, 如下: fly63 com 显示效果为: fly63 com 备注: ...
- amp jsp空格 nps_HTML/CSS中的空格处理\_如何保留页面中的空格【转】
HTML/CSS中的空格处理\_如何保留页面中的空格[转] HTML中的空格的规则 在html中内容中的多个空格一般会被视为一个,连续的多个空格符被自动合并了.同时内容前后的空格也会被清除, 如下: ...
- HTML/CSS中的空格处理
转自:微点阅读 https://www.weidianyuedu.com html中的空格的规则 在html中内容中的多个空格一般会被视为一个,连续的多个空格符被自动合并了.同时内容前后的空格也会被 ...
- HTML/CSS中的空格如何处理
转自:微点阅读 https://www.weidianyuedu.com html中的空格的规则 在html中内容中的多个空格一般会被视为一个,连续的多个空格符被自动合并了.同时内容前后的空格也会被清 ...
- HTML/CSS中的空格处理呢
转自:微点阅读 https://www.weidianyuedu.com/content/4317313807441.html html中的空格的规则 在html中内容中的多个空格一般会被视为一个, ...
- CSS中,+,~，空格，逗号等符号的使用
其中,+,~均为CSS3特有的选择器. A>B{ }表示A标签的第一代子标签B. .lableA>div{ background-color: red;} A~B{ }表示在A标签之后.与 ...
- CSS/HTML 如何在网页中添加空格(琐碎知识点整理)
之前有整理过一部分知识点, 一直没有发布, 因为都是有关 前端 方面的零散内容; 现在想想无论分享什么内容都需要慢慢积累, 所以还是决定将之前整理的相关内容验证之后慢慢分享给大家 这个专题 就是 工作 ...
- HTML/CSS中如何保留页面中的空格？
转自:微点阅读 https://www.weidianyuedu.com/content/1017455029201.html html中的空格的规则 在html中内容中的多个空格一般会被视为一个 ...
- 【Css】css中class之间＞(大于号)、~(波浪号)、 (空格)、,(逗号)、+(加号)详解（转载，笔记用）
css中">"(大于号)."~"(波浪号)." "(空格).","(逗号)."+"(加号)详解 ...
最新文章
- 显示intent的使用讲解
- Springboot、Mybatis 事务示例
- nGrinder详细介绍及性能工具对比
- ASP.NET MVC4 传递Model到View
- QT的QFrame类的使用
- 安装mysql 图_如何在Windows下安装MYSQL，并截图说明
- php网页多个倒计时,怎么实现一个页面有多个倒计时同时进行
- django入门记录 2
- 《深入理解 Java 虚拟机》把这个知识点讲错了？
- 用vue开发顶端粘滞效果的页面
- 使用邻接矩阵实现有向图最短路径Dijkstra算法
- 海姆霍兹获3000万元A轮融资，投资方为国科嘉和
- Qt Qml 开发超高清 4K、8K 视频直播视频客户端
- html5常用的小控件，收藏了
- Windows电脑桌面云便签快捷键怎么查看？
- Statement cancelled due to timeout or client request报错
- 非同帆响-得帆信息发布全新高生产力PaaS平台，重新定义企业软件生产力
- Unity LookAt 2D锁定
- 自学c语言困难吗,你觉得这4块是C语言最难学的部分吗？
- android wifi优化,WiFi信号如何快速优化? 安卓APP来帮忙