欢迎访问 如意编程网！
TAG聚合

如意编程网

当前位置： 首页 > 前端技术 > HTML >内容正文

HTML

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

发布时间：2022/11/16 HTML 15 老码农
如意编程网 收集整理的这篇文章主要介绍了 HTML+CSS文本两端对齐,文字自动平均分布 小编觉得挺不错的,现在分享给大家,帮大家做个参考. 
<!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>用 户 名：<span></span></label><input type="text" name="username" placeholder="请输入用户名" />
        </div>
        <div>
        <label>密 码：<span></span></label><input type="password" name="password" placeholder="请输入用户密码" />
        </div>
    </div>
    </form>
    
</body>
</html>

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

 

总结

以上是如意编程网为你收集整理的HTML+CSS文本两端对齐,文字自动平均分布的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得如意编程网网站内容还不错，欢迎将如意编程网推荐给好友。