汉字间距也好,英文单词间距也好,照样数字之间间距,在html文本字体排版间距,但凡采取css样式来完成。
1、CSS单词:
letter-spacing
2、汉字对应盒子配置间距宽度
div{letter-spacing:5px}
设置了div盒子内汉字也好英文也好,这些笔墨字间距为5px
p{letter-spacing:10px}
设置段落p盒子内字体与字体间距为10px
span{letter-spacing:6px}
配置span内翰墨间距为6px
3、汉字之间间距设置实例
1)、实例残破代码
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>css 汉字间距 css5.com.cn</title> <style> .jianju5{ letter-spacing:5px} .jianju10{ letter-spacing:10px} </style> </head> <body> <p>汉字间距实例<span class="jianju5">间距为5px</span></p> <p>汉字间距实例<span class="jianju10">间距为10px</span></p> </body> </html>
运用CSS离别设置字间距5px与10px
2)、间距效果截图
告捷设置装备摆设汉字字间距
岂论汉字、中文字、英笔墨母、数字间距,字间距均使用letter-spacing来完成字体间距。
如需转载,请注明文章出处和来源网址:http://www.divcss5.com/template/m52630.shtml