Login
网站首页 > 文章中心 > 其它

css设置文字间距属性_CSS如何控制字间距

作者:小编 更新时间:2023-07-27 15:59:00 浏览量:60人看过

CSS中,并唯调整字与字之间的属性是letter-spacing,你可以在属性中加上就可以,例如:p{letter-spacing:2px;}CSS(绝喊培层叠样式表)级联样式表是一种用来表现HTML(标准通用标记语言的一个应用)渗凳或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。

网友们,这里是两个例子:word-spacing 可以改变字(单词)之间的标准间隔。其默认值 normal 与设置值为 0 是一样的;属性接受一个正长度值或负长度值。如果提供一个正长度值,那么字之间的间隔就会增加。为 word-spacing 设置一个负值,会把它拉近:

p.spread {word-spacing: 30px;}

p.tight {word-spacing: -0.5em;}

This is some text. 这是一些文本.

word-spacing 这个是增加或减少单词间距慎竖:

This is some text. This is some text.

用letter-spacing属性,可以设置文字之间的间距升伍盯。

比吵和如h1 {letter-spacing:2px},设置h1元素橘灶内文字间距为2px。

1、使用数值来设置行间距

使用数值来设置行间距

p.small {

line-height: 0.5

}

p.big {

line-height: 2

这是拥有标准行高的段落。 默认行高胡缓大约是 1。 这是拥有灶做没标准行高的段落。 这是拥有标准行高的段落。 这是拥有标准行高的段落。 这是拥有标准行高的段落。 这是拥有标准行高的段落。

这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。

这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。

以上就是土嘎嘎小编大虾米为大家整理的css设置文字间距属性_CSS如何控制字间距相关主题介绍,如果您觉得小编更新的文章对您有所帮助,不要忘记讲本站分享给您身边的朋友哦!!

版权声明:倡导尊重与保护知识产权。未经许可,任何人不得复制、转载、或以其他方式使用本站《原创》内容,违者将追究其法律责任。本站文章内容,部分图片来源于网络,如有侵权,请联系我们修改或者删除处理。

编辑推荐

热门文章