css文字左右间距如何设置(css,web开发)

时间:2024-05-05 07:36:26 作者 : 石家庄SEO 分类 : web开发
  • TAG :

css文字摆布间距设置装备摆设实例

英文、数字、中文汉字等文字左右间距设置均运用cssletter-spacing《css字间距》完成。

1、间距实例形貌
设置装备摆设letter-spacing差异的值,看看间距是否能完成

2、代码(实例代码可直接复制实践)

<!DOCTYPEhtml><html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>翰墨摆布间距css5.com.cn</title><style>.x2{letter-spacing:2px}.x5{letter-spacing:5px}.x10{letter-spacing:10px}</style></head><body><divclass="x2">左右间距为2px</div><p>翰墨拼音:<spanclass="x5">wenzi</span></p><p>阿拉伯数字:<spanclass="x10">1234567890</span></p></body></html>

别离对中文文字、字母、数字配置不同间距。

3、截图

css文字左右间距如何设置
不同文字内容摆布间隔间距实例截图

笔墨摆布间距距离设置装备摆设采取letter-spacing实现,需要分歧间距就配置差别值即可。

 </div> <div class="zixun-tj-product adv-bottom"></div> </div> </div> <div class="prve-next-news">
本文:css文字左右间距如何设置的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:css中text-indent可以设置为负值吗下一篇:

7 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18