表单标题居右对齐,居中对齐

复制代码
<form action="javascript:void(0)" method="post">
    <div>
        <label>用户名</label>
        <input type="text" value="" />
    </div>
    <div>
        <label>密码</label>
        <input type="password" value="" />
    </div>
    <div>
        <label>电子邮箱</label>
        <input type="email" value="" />
    </div>
</form>
复制代码
label{
    /*居右对齐*/
    display: inline-block;
    width: 120px;
    height: 40px;
    text-align: right;
}        

复制代码
label{
    /*居中对齐*/
    display: inline-block;
    width:120px;
    height: 40px;
    line-height: 40px;
    text-align: justify;
    text-align-last: justify;
}
复制代码

 

posted @   eternityQSL  阅读(9)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通

喜欢请打赏

扫描二维码打赏

支付宝打赏

点击右上角即可分享
微信分享提示