HTML+CSS文本两端对齐,文字自动平均分布

最新推荐文章于 2024-01-18 14:47:02 发布

weixin_33920401

最新推荐文章于 2024-01-18 14:47:02 发布

阅读量1.5k

点赞数 1

原文链接：http://www.cnblogs.com/xzma/p/7597738.html

版权

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>文本两端对齐模板-案例</title>
    <style type="text/css">
        /*文本两端对齐*/
        .text-justify{float:left;text-align:justify;text-justify:inter-word;text-justify:inter-ideograph;width:80px;height:20px;}
        .span-justify{display:inline-block;width:100%;}
    </style>
</head>
<body>
    <form>
        <div>
        <div>
        <label class="text-justify">用 户 名：<span class="span-justify"></span></label><input type="text" name="username" placeholder="请输入用户名" />
        </div>
        <div>
        <label class="text-justify">密 码：<span class="span-justify"></span></label><input type="password" name="password" placeholder="请输入用户密码" />
        </div>
    </div>
    </form>
    
</body>
</html>

转载于:https://www.cnblogs.com/xzma/p/7597738.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_33920401

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
HTML+CSS文本两端对齐,文字自动平均分布

<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>文本两端对齐模板-案例</title> <style type="text/css"> /*文本两端对齐*/ ...
复制链接

扫一扫