CSS：设置字母间距、中文汉字间距

深碍√TFBOYSˉ_ 2023-01-24 03:27 137阅读 0赞

# CSS：设置字母间距、中文汉字间距 #

## 一、 `letter-spacing：`设置汉字间字间距或者英文单词中每个字母的间距 ##

![在这里插入图片描述][20210716180410861.png]  
![在这里插入图片描述][20210716180910883.png]

.box{ 
    			 letter-spacing: 10px;
    			/* 取正值：字符之间的距离变大；取负值：字符之间的距离变小 */
    			 
    		 }

<div class="box">
    			忳郁邑余侘傺兮,吾独穷困乎此时也,宁溘死以流亡兮，余不忍为此态也。
    		</div>

## 二、 `word-spacing:`设置英文每个单词之间的距离，对中文文字之间的距离没有效果 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2Mzc0OTY5_size_16_color_FFFFFF_t_70]

<style> .box{ 
    			 word-spacing: 10px;
    			 
    		 }
    		 </style>
    	</head>
    	<body>
    		<div class="box">
    			Dreaming in the memory is not as good as waiting for the paradise in the hell
    		</div>

[20210716180410861.png]: /images/20221004/ede914548b994935bfd66008641b5b01.png
[20210716180910883.png]: /images/20221004/a152e7be2aeb43fc9aa305db22625074.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2Mzc0OTY5_size_16_color_FFFFFF_t_70]: /images/20221004/900455a8eaaf40fc8d2559ccf8260a17.png

发表评论取消回复

表情：

评论列表（有 0 条评论，137人围观）

还没有评论，来说两句吧...

相关阅读

相关字母间距letter-spacing

果图： ![1136726-20190731150215497-1587043877.png][] 字母间距CSS： h1 { let...

电玩女神/ 2024年04月20日 10:51/ 0 赞/ 77 阅读

相关 iOS设置富文本行间距、字间距

[Demo下载地址][Demo] 我们在展示文字信息时，经常会碰到换行自适应高度的文本，这时我们会发现换行之后，文本之间的行间距依然很小，导致看起来很拥挤，影响美观。因

蔚落/ 2023年10月17日 15:10/ 0 赞/ 151 阅读

相关 CSS：设置字母间距、中文汉字间距

CSS：设置字母间距、中文汉字间距一、 `letter-spacing：`设置汉字间字间距或者英文单词中每个字母的间距 ![在这里插入图片描述][20210716

深碍√TFBOYSˉ_/ 2023年01月24日 03:27/ 0 赞/ 138 阅读

相关 docx行间距怎么设置_Word行间距怎么调？Word调行间距的方法

办公软件对于有的人来说，天天都有在使用它，使用这个对大家来说是很熟悉不过了。我们在使用Word 文档保存文字时，因某个段落太长，影响了美观，这时我们可以通过调整行间距来将此段落

墨蓝/ 2022年12月31日 10:20/ 0 赞/ 22 阅读

相关 html导航栏自动调间距,HTML CSS导航栏间距

我做了一个CSS导航栏，但是在每个“navbar-item”之间，都有一点空间。我不希望那里有任何变化！有没有办法做到这一点，而不改变每个navbar-item的余裕？HTML

谁借莪１个温暖的怀抱￠/ 2022年10月05日 15:59/ 0 赞/ 201 阅读

相关 iOS UILabel设置行间距和字间距并计算高度

NSString \labelText = goods.goods\_2; NSMutableAttributedString \attributedStr

刺骨的言语ヽ痛彻心扉/ 2022年06月02日 01:28/ 0 赞/ 324 阅读

相关 TextView设置行间距、行高，以及字间距

在xml文件设置： 1、android:lineSpacingExtra 设置行间距，如”10dp”。表示额外的行间距数值，单位通常为dp，值可以为负数，小数和

朱雀/ 2022年05月20日 00:29/ 0 赞/ 722 阅读

相关 CSS中文字间距和行间距

文字间距 1，text-align设置文字布局即text-align：center文字就会在div中居中停放 2，font-size设置文字的大小即font-siz

Love The Way You Lie/ 2022年05月10日 03:28/ 0 赞/ 281 阅读

相关 CSS设置文本——行间距

<1>.用比例设置行间距 1 <html> 2 <head> 3 <style type="text/css"> 4

柔光的暖阳◎/ 2021年11月11日 11:52/ 0 赞/ 447 阅读

相关 CSS设置行间距和字间距

CSS设置行间距在`CSS`中通过`line-height`属性来实现行间距的设置，`line-height`的值表示的是两行文字之间基线的距离。文字的基线，指...

短命女/ 2021年06月30日 08:23/ 0 赞/ 639 阅读