<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="tips" content="为了以后方便，把常用的小效果制作整理，如有问题或者更好的方法，请告知！谢谢！！！！">
<meta name="author" content="QQ邮箱：30860662@qq.com">
<title></title>
<style>
.box1{width:200px;height:25px;text-align:justify; text-justify:distribute-all-lines;}
.box1 span{width:100%;display: inline-block / Opera /; font-size:0;line-height:0;height:0;}
}
box2 p:after{display:inline-block;content:'';width:100%;height:0;}/
兼容IE浏览器：text-justify:distribute-all-lines;
后面要写span，必须设为行内块
兼容：IE5,7,8,9,10,11,IE6未测,safari
注意：要兼容safari浏览器，需要文字间加空格
/
</style>
</head>
<body>
<h3>方法一：</h3>
<div class="box1">用 户 名<span></span></div>
<div class="box1">密 码<span></span></div>
<hr>
<h3>方法二：</h3>
<div id="box2">
<p>用 户 名</p>
<p>密 码</p>
</div>
</body>
共同學(xué)習(xí)，寫下你的評(píng)論
評(píng)論加載中...
作者其他優(yōu)質(zhì)文章
