HTML空格占位符 空行,整理,待以后查看
== 普通的英文半角空格
== == == no-break space (普通的英文半角空格但不换行)
== 中文全角空格 (一个中文宽度)
==   == en空格 (半个中文宽度)
==   == em空格 (一个中文宽度)
== 四分之一em空格 (四分之一中文宽度)
相比平时的空格( ), 拥有不间断(non-breaking)特性。即连续的 会在同一行内显示。即使有100个连续的 ,浏览器也不会把它们拆成两行。
另外
html 中的空格和空行要用特殊的格式显示,否则空格和空行不会显示出来。
一、在web开发经常会遇到如: 这样的字符。它其实是Html将一些特殊字符(Html语法字符)的一种表达方式。
下面是几个常用字符:
空格
& &
< <
> >
" "
&qpos; '
二、空行
空行的表示形式为 : <br> 它是换行符。
三、空格的:
1、使用空格的替代符号:
替代符号就是在需要显示空格的地方加入替代符号,这些符号会被浏览器解释为空格显示。
空格的替代符号有以下几种:
名称 | 编号 | 描述 | |
---|---|---|---|
| 不断行的空白(1个字符宽度) | ||
  | 半个空白(1个字符宽度) | ||
  | 一个空白(2个字符宽度) | ||
  | 窄空白(小于1个字符宽度) |
可以用名称或编号作为空格的替代符号,名称必须小写,末尾的“;”不能省略。
2、使用CSS的 letter-spacing 属性
CSS的letter-spacing属性用于设置文本中字符之间的间隔,它的取值可以是一个带单位的长度值,浏览器会在字和字之间设置指定长度的空白。比如:
显示效果为:
注意,如果文本中有英文单词,则空白会加在字母之间,而不是单词之间。
3、使用CSS的 word-spacing 属性
CSS的word-spacing属性用于设置文本中单词之间的间隔,它的取值可以是一个带单位的长度值,浏览器会在单词和单词之间设置指定长度的空白。比如:
显示效果为:
注意,HTML是以空格来区分单词的,它会把单词间的空白按指定长度显示。
4、使用CSS的 text-indent 属性
CSS的text-indent属性用于设置首行缩进,它的取值可以是一个带单位的长度值,浏览器会在段落的首行开始处设置指定长度的空白。比如:
显示效果为:
说明:em 是一个相对长度单位,2em 表示要缩进两个字的距离。
HTML空格占位符 空行,整理,待以后查看相关推荐
- Android中%s %d %1$s %1$d %f以及空格占位符的使用
一.引言 我们在开发中经常会遇到这样的场景,就是给一个TextView设置内容时,有一部分是Android端写死的提示,有一部分是从后台服务器端获取的数据进行展示. 我们要将这几部分内容拼接在一起显示 ...
- html一个汉字空格占位,HTML中汉字空格占位符
== 普通的英文半角空格 == == == no-break space (普通的英文半角空格但不换行) == 中文全角空格 (一个中文宽度) == == en空格 (半个中文宽度) == ...
- html 空格占位符
// 空格展位符 // 使用 <span> 前面两个空格</span> 转自片段 html 空格占位符
- html中的空格占位符,在HTML中插入空格的几种方法
关于HTML,基本上作为程序员我们都会用到,本篇内容我们主要是针对刚入门的学员们,介绍两种在HTML中插入空格的方法. 方法1.插入单个空格和制表符 1.插入一个非间断空格.一般来说,无论你按多少次空 ...
- android 空白占位符,android textview空格占位符以及一些其他占位符汇总
== 普通的英文半角空格 == == == no-break space (普通的英文半角空格但不换行) == 中文全角空格 (一个中文宽度) == == en空格 (半个中文宽度) ...
- html 空格占位符_HTML常用英文单词,快来背单词吧
页面布局(layout) header 头部/页眉: index 首页/索引: logo 标志: nav/sub_nav 导航/子导航: banner 横幅广告: main/content 主体/内容 ...
- js空格占位符_灵活使用 console 让 js 调试更简单
Web开发最常用的高度就是 console.log ,虽然 console.log 占有一席之地,但很多人并没有意识到 console 本身除了基本 log 方法之外还有很多其他方法.适当使用这些方法 ...
- HTML空格占位符汇总
1. (常用)不换行空格,全称No-Break Space,它是按下space键产生的空格.空格不会累加(只显示一个). 使用html表示才会累加,该空格占据宽度受字体影响.2. 半角空格,全称En ...
- Android空格占位符
== 普通的英文半角空格 == == == no-break space (普通的英文半角空格但不换行) == 中文全角空格 (一个中文宽度) == == en空格 (半个中文宽度) ...
最新文章
- 独家 | 综述:情感树库上语义组合的递归深层模型
- 笔记-项目质量管理-编制质量管理计划的工具与技术
- 面向.NET开发人员的Dapr——前言
- extundelete应用实战
- 零基础带你学习MySQL—数学函数(十四)
- 关于java集合的知识点_java中集合的知识点
- 《算法导论》读书笔记之第10章 基本数据结构之二叉树
- java中static修饰函数_详解java中static关键词的作用
- 什么是反射,为什么要用反射,反射的知识讲解
- Delphi中@,^,#,$特殊符号意义
- 慕课网-前端课程学习完成
- springMVC 生成Excel和PDF
- office基础操作
- 科学计算机调成了fx,科学计算器怎么编程
- 魔兽世界资料片:燃烧的远征
- php超链接打不开了,excel超链接无法打开怎么办
- 泰州学院计算机与机械学院副院长,2020届考研学子风采展示
- Git学习————rm删除文件与文件找回
- UltraISO下载安装方式
- css案例 - 评分效果的星星✨外衣
热门文章
- 勒索病毒敲响网络安全警钟
- CSDN上有哪些赚钱方法?上传付费资源赚钱!
- Mybatis 一对多查询返回结果只有一条:解决思路
- 《Docker技术入门与实战》 17 核心实现技术
- 改善银行客户体验的 7 种动态方法
- 怎么在alert里加图片_怎么挑选实木复合地板?怎么辨别实木复合地板的好坏?...
- HTML表格无法保存图片,怎样将EXCLE表格或HTML保存为图片形式? | excle怎么存成图片的格式...
- Java中间件-Hystrix
- 浅谈POE供电系统中PSE两种供电方式——终端跨度、中间跨度
- Javaweb 图片上传格式以及尺寸大小的限制