在css中,可以利用letter-spacing属性来让字之间的间隔变大,只需要给包含文字的容器元素添加“letter-spacing:间距值;”样式即可。
说明:
letter-spacing 属性增加或减少字符间的空白(字符间距),该属性定义了在文本字符框之间插入多少空间。由于字符字形通常比其字符框要窄,指定长度值时,会调整字母之间通常的间隔。
css字间距示例代码:
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>p文字间距 CSS5</title> <style> .jianju{ letter-spacing:6px} </style> </head> <body> <p>第一段:内容,换行形式,我是第一段的内容</p> <p class="jianju">第二段:内容,我被设置字间距6px</p> </body> </html>
以上就是青岛网站建设公司青华互联分享的利用css控制字间距离的代码,快去试试吧。
扫描二维码手机查看该文章
文章引用:https://www.qinghuahulian.com/news/webzhishi/1267.html