首页 > 代码库 > 写的一个段落标签文字内容两端对齐的代码
写的一个段落标签文字内容两端对齐的代码
<!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;width:300px;margin:0 auto;font-size:12px;white-space: nowrap;} </style> <script src="http://www.mamicode.com/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基础知识。
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。