css3中的字间距问题

哪位大神开发有经验的传授下,如何做到这种效果的字间距的问题哈,给一个宽度,刚好是4个字的宽度,那么,2个字如何恰当的做到也撑开4个字的间距呢?我尝试用过letter-spacing: 0.5em;但是用这种方式还是有点偏差的,个人觉得这方式可能我用的不对,还有更好的方式么??

https://img3.mukewang.com/5b8bfcf30001965d04110288.jpg

慕虎7371278
浏览 1508回答 2
2回答

泛舟湖上清波郎朗

额,我一般都是“性别”中间插两个 (全角空白),“有效期”中间的空白部分各插一个 (半角空白),虽然不太优雅但是胜在兼容好……

慕标5832272

<style>&nbsp; &nbsp; .label {&nbsp; &nbsp; &nbsp; &nbsp; display: inline-block;&nbsp; &nbsp; &nbsp; &nbsp; width: 4em;&nbsp; &nbsp; &nbsp; &nbsp; text-align-last: justify;&nbsp; &nbsp; }</style>&nbsp; &nbsp;&nbsp;<div>&nbsp; &nbsp; <span class="label">性别</span></div><div>&nbsp; &nbsp; <span class="label">出生日期</span></div>
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

CSS3