等宽的英文字体

     在一个jsp的项目中,由于一些开源的控件(如:struts-menu)并不能很好的支持GB18030,所以把charset改为utf-8.但是utf-8的默认英文字体不是等宽的,这样会让一些特殊的排版要求不能实现.比如:

按拼音排序: │ A │ B │ C │ D │ E │ F │ G │ H │ I │ J │ K │ L │ M │ N │ O │ P │ Q │ R │ S │ T │ U │ V │ W │ X │ Y │ Z │

上边的英文字母显得凌乱.显示的代码是:

                        <div align="justify">│ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=A">A</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=B">B</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=C">C</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=D">D</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=E">E</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=F">F</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=G">G</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=H">H</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=I">I</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=J">J</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=K">K</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=L">L</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=M">M</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=N">N</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=O">O</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=P">P</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=Q">Q</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=R">R</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=S">S</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=T">T</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=U">U</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=V">V</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=W">W</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=X">X</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=Y">Y</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=Z">Z</a> │ </div>

在在div标签中增加一个style的属性来设置字体族的代码( 见红色部分):

                        <div align="justify" style=" font-family:simsun">│ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=A">A</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=B">B</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=C">C</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=D">D</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=E">E</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=F">F</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=G">G</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=H">H</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=I">I</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=J">J</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=K">K</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=L">L</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=M">M</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=N">N</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=O">O</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=P">P</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=Q">Q</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=R">R</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=S">S</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=T">T</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=U">U</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=V">V</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=W">W</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=X">X</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=Y">Y</a> │ <a action="/readcommend/sptd/dzsp/dzsp_index.do?letter=Z">Z</a> │ </div>

修改后的显示效果:

按拼音排序: │ A │ B │ C │ D │ E │ F │ G │ H │ I │ J │ K │ L │ M │ N │ O │ P │ Q │ R │ S │ T │ U │ V │ W │ X │ Y │ Z │

我一开始也使用了arial等其他一些字体,但这些字体不是等宽的.