== 普通的英文半角空格

==   ==   == no-break space (普通的英文半角空格但不换行)

  == 中文全角空格 (一个中文宽度)

  ==   == en空格 (半个中文宽度)

  ==   == em空格 (一个中文宽度)

  == 四分之一em空格 (四分之一中文宽度)

相比平时的空格( ),&nbsp拥有不间断(non-breaking)特性。即连续的&nbsp会在同一行内显示。即使有100个连续的&nbsp,浏览器也不会把它们拆成两行。

另外

html 中的空格和空行要用特殊的格式显示,否则空格和空行不会显示出来。

一、在web开发经常会遇到如:   这样的字符。它其实是Html将一些特殊字符(Html语法字符)的一种表达方式。

下面是几个常用字符:

   空格

&   &

&lt;       <

&gt;      >

&quot;   "

&qpos;   '

二、空行

空行的表示形式为 : <br>   它是换行符。

三、空格的:

1、使用空格的替代符号:

替代符号就是在需要显示空格的地方加入替代符号,这些符号会被浏览器解释为空格显示。

空格的替代符号有以下几种:

名称   编号 描述
&nbsp;     不断行的空白(1个字符宽度)
&ensp;   半个空白(1个字符宽度)
&emsp;   一个空白(2个字符宽度)
&thinsp;   窄空白(小于1个字符宽度)

可以用名称或编号作为空格的替代符号,名称必须小写,末尾的“;”不能省略。

2、使用CSS的 letter-spacing 属性

CSS的letter-spacing属性用于设置文本中字符之间的间隔,它的取值可以是一个带单位的长度值,浏览器会在字和字之间设置指定长度的空白。比如:

<div style="letter-spacing:30px">欢迎光临!</div>

显示效果为:

欢迎光临!

注意,如果文本中有英文单词,则空白会加在字母之间,而不是单词之间。

3、使用CSS的 word-spacing 属性

CSS的word-spacing属性用于设置文本中单词之间的间隔,它的取值可以是一个带单位的长度值,浏览器会在单词和单词之间设置指定长度的空白。比如:

<div style="word-spacing:30px">Happy new year!</div>

显示效果为:

Happy new year!

注意,HTML是以空格来区分单词的,它会把单词间的空白按指定长度显示。

4、使用CSS的 text-indent 属性

CSS的text-indent属性用于设置首行缩进,它的取值可以是一个带单位的长度值,浏览器会在段落的首行开始处设置指定长度的空白。比如:

<div style="text-indent:2em">欢迎光临!</div>

显示效果为:

欢迎光临!

说明:em 是一个相对长度单位,2em 表示要缩进两个字的距离。

HTML空格占位符 空行,整理,待以后查看相关推荐

  1. Android中%s %d %1$s %1$d %f以及空格占位符的使用

    一.引言 我们在开发中经常会遇到这样的场景,就是给一个TextView设置内容时,有一部分是Android端写死的提示,有一部分是从后台服务器端获取的数据进行展示. 我们要将这几部分内容拼接在一起显示 ...

  2. html一个汉字空格占位,HTML中汉字空格占位符

    == 普通的英文半角空格 ==   ==   == no-break space (普通的英文半角空格但不换行) == 中文全角空格 (一个中文宽度) ==   == en空格 (半个中文宽度) == ...

  3. html 空格占位符

    // 空格展位符   // 使用 <span>  前面两个空格</span> 转自片段 html 空格占位符

  4. html中的空格占位符,在HTML中插入空格的几种方法

    关于HTML,基本上作为程序员我们都会用到,本篇内容我们主要是针对刚入门的学员们,介绍两种在HTML中插入空格的方法. 方法1.插入单个空格和制表符 1.插入一个非间断空格.一般来说,无论你按多少次空 ...

  5. android 空白占位符,android textview空格占位符以及一些其他占位符汇总

    == 普通的英文半角空格 ==   ==   == no-break space (普通的英文半角空格但不换行) == 中文全角空格 (一个中文宽度)   ==   == en空格 (半个中文宽度) ...

  6. html 空格占位符_HTML常用英文单词,快来背单词吧

    页面布局(layout) header 头部/页眉: index 首页/索引: logo 标志: nav/sub_nav 导航/子导航: banner 横幅广告: main/content 主体/内容 ...

  7. js空格占位符_灵活使用 console 让 js 调试更简单

    Web开发最常用的高度就是 console.log ,虽然 console.log 占有一席之地,但很多人并没有意识到 console 本身除了基本 log 方法之外还有很多其他方法.适当使用这些方法 ...

  8. HTML空格占位符汇总

    1. (常用)不换行空格,全称No-Break Space,它是按下space键产生的空格.空格不会累加(只显示一个). 使用html表示才会累加,该空格占据宽度受字体影响.2. 半角空格,全称En ...

  9. Android空格占位符

    == 普通的英文半角空格 ==   ==   == no-break space (普通的英文半角空格但不换行) == 中文全角空格 (一个中文宽度)   ==   == en空格 (半个中文宽度) ...

最新文章

  1. 独家 | 综述:情感树库上语义组合的递归深层模型
  2. 笔记-项目质量管理-编制质量管理计划的工具与技术
  3. 面向.NET开发人员的Dapr——前言
  4. extundelete应用实战
  5. 零基础带你学习MySQL—数学函数(十四)
  6. 关于java集合的知识点_java中集合的知识点
  7. 《算法导论》读书笔记之第10章 基本数据结构之二叉树
  8. java中static修饰函数_详解java中static关键词的作用
  9. 什么是反射,为什么要用反射,反射的知识讲解
  10. Delphi中@,^,#,$特殊符号意义
  11. 慕课网-前端课程学习完成
  12. springMVC 生成Excel和PDF
  13. office基础操作
  14. 科学计算机调成了fx,科学计算器怎么编程
  15. 魔兽世界资料片:燃烧的远征
  16. php超链接打不开了,excel超链接无法打开怎么办
  17. 泰州学院计算机与机械学院副院长,2020届考研学子风采展示
  18. Git学习————rm删除文件与文件找回
  19. UltraISO下载安装方式
  20. css案例 - 评分效果的星星✨外衣

热门文章

  1. 勒索病毒敲响网络安全警钟
  2. CSDN上有哪些赚钱方法?上传付费资源赚钱!
  3. Mybatis 一对多查询返回结果只有一条:解决思路
  4. 《Docker技术入门与实战》 17 核心实现技术
  5. 改善银行客户体验的 7 种动态方法
  6. 怎么在alert里加图片_怎么挑选实木复合地板?怎么辨别实木复合地板的好坏?...
  7. HTML表格无法保存图片,怎样将EXCLE表格或HTML保存为图片形式? | excle怎么存成图片的格式...
  8. Java中间件-Hystrix
  9. 浅谈POE供电系统中PSE两种供电方式——终端跨度、中间跨度
  10. Javaweb 图片上传格式以及尺寸大小的限制