用css样式如何调整数字之间的距离

html-css099

用css样式如何调整数字之间的距离,第1张

用letter-spacing是单个个字母或数字文字的间距。你可以尝试用添加无语意的<span>来实现如：

<span class="space" id="first">1</span><spanclass="space">2</span><span class="space">3</span><spanclass="space">31</span>

.space{

padding-left:3px

}

最后在通过对第一个span元素添加一个ID 取消他左面的填充就是了:

#first{

padding-left0

}

<style>

span.paddingright{padding-right:5px}

/* 数值随意，样式名称随意，对应好下面的HTML即可 */

</style> <div>

 <span class="paddingright">30,</span>

 <span class="paddingright">31,</span>

 <span class="paddingright">32</span>

</div>

希望能帮到你