css中的空格-分享CSS中空格的解释

2023-09-05 0 8,205 百度已收录

字符和 HTML 实体描述和说明

这是我们使用最多的空格,即按空格键形成的空格。 在HTML中,如果使用空格键形成这个空格,则该空格不会累加(只有1)。 它只能使用 html 实体表示来累积。 为了便于记忆,我总是将这个空间称为“大(nb)空间(sp - 空间)”,尽管它并不是真的很棒。 空间抢占长度受字体影响显着且强烈。 inline-block布局中会有一些小损伤,而它是两侧对齐布局中不可缺少的元素。 他是一个让人又爱又恨的小东西。

这个空间的学名未知。 为了方便记忆,我们不妨称之为“en空间”。 这个空间宣扬了空间家族的一贯特点:透明水滴! 这个空间有一个相当稳健的特点,那就是它抢占的长度正好是英文单词长度的1/2,而且基本不受字体的影响。

这个空间的学名未知。 为了方便记忆,我们不妨称之为“情绪空间”。 这个空间也宣扬了空间家族的一贯特点:透明水滴! 这个空间还有一个相当稳健的特点,那就是它抢占的长度正好是1个英文长度,而且基本不受字体的影响。

这个空间的学名未知。 我们不妨称之为“薄空间”,即空间比较短,体薄,长度也比较小。 这个东西我目前还没用过,在这里展示一下,是为了让它过一下大众艺术家的瘾。

其中,由于某种超酷的功能,它可以登上网络世界的舞台! 其特点是什么? 如上表中粗体所示,1.透明; 2、宽度和英文的关系正好是1:2和1:1。 因此,一些英文排版对齐方式可以直接利用这两个空格来调整,例如:

<pre class="brush:css;toolbar:false;">

  • 姓  名:
  • 手 机 号:
  • 电子邮箱:

登录后复制

当英文和法文混合时,很难使用 , 等空格来实现引号的完美对齐,除非中文使用等宽字体,所以我们可以使用普通空格来调整汉字的长度。

“三千十字”指的是什么? 哈哈,其实就是半角空格。

中文字体都是等宽的,半角空格的长度就是普通英文空格的间距。 因此,将上面demo中的空格替换为半角空格也是可以的!

css中的空格-分享CSS中空格的解释

但是,我们不能直接在页面上输入半角空格,因为在大多数编辑器中,空格是透明的,可以很容易地删除; 另外,当HTML被压缩时,空格很可能被打掉! 该怎么办? 需要改变书写方式。

在网页上,一般有以下三种写法:

直接如搜狗输入法,输入“版权”--。

网络角色,©

字符代码的意思是:©

css中的空格-分享CSS中空格的解释

而里面,则是一个有着特定名字的网络角色。 不过css中的空格,请原谅我的无知,我不知道半角空格是否有对应的&+关键字,所以我用了一个工具将其转换为charCode字符表示,也就是这里,又名“叉三千” !

等一下,你刚才说工具,什么工具啊! ?

哈,这位朋友很犀利。 我手上有一个小工具,可以将任何字符转换成HTML识别格式。 如果您有兴趣,可以点击这里:将任意字符转换为HTML识别格式工具页面

使用这个工具css中的空格,你会发现 , 是相邻兄弟关系:

我们来科普一下关于人物的实用知识:

1. 要输出 HTML 中的字符,请使用 &#x 和 charCode 值;

2、为了避免JavaScript文件中出现乱码通配符,u与charCode值进行匹配;

3、CSS文件中,如CSS伪元素的content属性,直接使用配合charCode值。

因此,如果要在HTML/JS/CSS中对汉字“我”进行通配的话,它们是:

u6211,如console.log('u6211');

6211,如.xxx:before { content: '6211'; }

考虑到这种方式直接暴露HTML可能会让屏幕阅读器等辅助设备阅读,从而影响正常的阅读流程,因此,我们可以通过使用标签和使用伪元素来进一步优化,例如:

.half:before { content: '2002'; speak: none; }
.full:before { content: '2003'; speak: none; }

登录后复制

这样,占位符空格字符既不能被读取,也不能被选择。

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悟空资源网 css css中的空格-分享CSS中空格的解释 https://www.wkzy.net/game/194889.html

常见问题

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务