CSS/HTML 如何在网页中添加空格(琐碎知识点整理)

2024-07-13 02:55| 来源: 网络整理| 查看: 265

之前有整理过一部分知识点, 一直没有发布, 因为都是有关前端方面的零散内容; 现在想想无论分享什么内容都需要慢慢积累, 所以还是决定将之前整理的相关内容验证之后慢慢分享给大家这个专题就是工作中开发问题总结相关的内容; 不积跬步，无以至千里, 戒焦戒躁。

好了废话不多说, 直接上代码以及图例(为了让大家方便阅读, 都有自己验证过程的一些图片作为分享) 。

html空格符号代码 1. ; ：一个字符的半角的不断行的空格，如果需要在网页中插入多个空格，可以将“;”代码写多遍； 2. ：一个字符的半角的空格，也可以将“ ”写多遍来插入多个空格； 3. ：两个字符的全角的空格，也可以将“ ”写多遍来插入更多的空格； 4. ：小于一个字符的空格；代码示例 DOCTYPE html> CSS/HTML 如何在网页中添加空格(琐碎知识点整理) .w_space-item { background-color: skyblue; height: 66px; line-height: 66px; font-size: 32px; margin: 32px 0; } .w_space-pre { white-space: pre; } 空格-1: ;;;;;示例空格-2: 示例空格-3: 示例空格-4: 示例空格: 示例图片示例

总结 1. 大家有没有想过为什么要使用html空格符号代码呢, 直接在键盘上敲几个空格不是更方便吗？当你实际操作的时候, 你会发现 '默认情况下，无论你在html源代码中敲几个空格，在浏览器中运行都只显示一个空格', 所以我们就需要使用 html 空格符号代码来实现网页中多个空格的效果。 2. 前面说的前提是 "默认情况下", 为什么说在默认情况下呢? 因为我们还可以使用 css 中的 "white-space" 属性来实现多个空格的效果; 就是将 "white-space" 属性值设置为 "pre" 即: white-space: pre; 设置之后, 浏览器就会保留 html 源代码中的空格和换行; 这下你在源代码中敲几个空格, 浏览器中运行就会用几个空格。 3. 在软件开发中, 都是使用 html 空格符号代码来实现多个空格的效果。如果对你有所帮助，大家可以点个关注；整理知识点不易, 每次都是在工作繁忙之余夜深人静之时整理, 每次整理时都在思考如何让大家更容易理解, 更容易找到、看到自己想看到的内容; 无论知识点是大是小, 我都会验证后再分享, 以防自己发表的文章给大家造成误导。如有问题还望不吝赐教，本人会及时更改 (本文原创, 如需转载，请注明出处) 。

【本文地址】

公司简介

联系我们