<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <title>Document</title> <style> *{margin:0px;padding:0px;} p{background:red;300px;margin:0 auto;font-size:12px;white-space: nowrap;} </style> <script src="./jquery.js" type="text/javascript"></script> <script> $(function(){ var oStr=$("#p1").html(); var oFont=$("#p1").css("fontSize"); oFont=parseInt(oFont); var fontLen=oStr.length; var oTxtLen=fontLen*oFont; var oLeft=$("#p1").width()-oTxtLen; var oLP=oLeft/(fontLen-1); //alert(oLP); $("#p1").css({"letter-spacing":oLP+"px"}); }) </script> </head> <body> <p id="p1">我是中国人</p> </body> </html>
注意点:p标签元素内字体要设置像素大小(font-size:00.00px;) 代码是用Jquery写的,需要JQuery基础知识。