网站建设资讯

NEWS

网站建设资讯

css如何让字之间的间隔变大

这篇文章主要为大家展示了“css如何让字之间的间隔变大”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“css如何让字之间的间隔变大”这篇文章吧。

成都创新互联是一家专业提供芮城企业网站建设,专注与成都网站制作、网站建设、外贸网站建设H5响应式网站、小程序制作等业务。10年已为芮城众多企业、政府机构等服务。创新互联专业网络公司优惠进行中。

在css中,可以利用letter-spacing属性来让字之间的间隔变大,只需要给包含文字的容器元素添加“letter-spacing:间距值;”样式即可。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

css让字之间的间隔变大

在css中,可以利用letter-spacing属性来让字之间的间隔变大。对于这个属性来说:每一个中文文字作为一个“字”,而每一个英文字母也作为一个“字”!

示例:letter-spacing属性让字之间的间隔变大



	
		
		css letter-spacing属性设置字间隔
		
	
	
		
			

hello,你好呀!

ab cd 你好00)!

hello,你好呀

ab cd 你好00)!

效果图:

css如何让字之间的间隔变大

说明:

letter-spacing 属性增加或减少字符间的空白(字符间距),该属性定义了在文本字符框之间插入多少空间。由于字符字形通常比其字符框要窄,指定长度值时,会调整字母之间通常的间隔。

可以设置的属性值:

描述
normal默认。规定字符间没有额外的空间。
length定义字符间的固定空间(允许使用负值)。

以上是“css如何让字之间的间隔变大”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


网站栏目:css如何让字之间的间隔变大
网站网址:http://cdweb.net/article/ghhigp.html

其他资讯