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

html-css019

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>

px是像素，em则是大写字母M的宽度。英文字体是有等宽字体和比例字体之分的，等宽字体的每个字符的宽度是相同的，而比例字体则不同，M的宽度要比i宽很多，因此在不同字体下，1em的实际宽度是不尽相同的。