css中这种文字等宽如何设置?

html-css06

css中这种文字等宽如何设置?,第1张

<style>

.justify { text-align: justify width:200px font-size:15px color:red border:1px solid blue height:18px}

.justify > span { display: inline-block /* Opera */ padding-left: 100% }

</style>

<div class="justify">hello,text justify.</div><br/>

<div class="justify">hello,text justify.<span></span></div><br/>

<div class="justify">中文两端对齐</div><br/>

<div class="justify">中文两端对齐<span></span></div>

解决的方式就是使用下面的属性

font-family: '宋体'将 Safari 的默认字体设置成“宋体”等中英文等宽的字体,就能解决。Windows 版本的 Safari 字体设置,需要直接使用中文“宋体”这样的名称而不是“Simsun”!

字体的大小是根据字体的高度来定的(而不是你自认为的对角线),等宽字体的半角字符(如英文字母、数字、符号等)的宽度是高度的一半,全角字符(如汉字)的宽度和高度则相等,而在比例字体(通常只有英文字体中才有比例字体,汉字都是等宽的)中,宽度则是不相等的(比如W的宽度就远大于i的宽度),但会以大写的M作为基准,M的宽和高是相等的。

行高=字符的高度+行间距

如果已设定font-size:12px,而line-height:16px,则行间距为16-12=4px