[css] 用css怎么实现两端对齐?

[css] 用css怎么实现两端对齐?[css]用css怎么实现两端对齐?文本的两端对齐<style>.form.text{display:inline-block;width:65px;text-align-last:justify;}</style><divclass=”form”><div>

大家好,欢迎来到IT知识分享网。[css]

[css] 用css怎么实现两端对齐?


    文本的两端对齐

    <style>
        .form .text {
            display: inline-block;
            width: 65px;
            text-align-last: justify;
        }
    </style>
    <div class="form">
        <div>
            <span class="text">用户名</span>
            <input type="text">
        </div>
        <div>
            <span class="text">密码</span>
            <input type="text">
        </div>
    </div>

    元素的两端对齐

        <style>
            .wrap {
                width: 100px;
                height: 100px;
                border: 1px solid;
                display: flex;
                justify-content: space-between;
            }

            .wrap > div {
                width: 20px;
                height: 20px;
            }
            .a {
                background: red;
            }
            .b {
                background: blue;
            }
        </style>
        
        <div class="wrap">
            <div class="a"></div>
            <div class="b"></div>
        </div>


个人简介

我是歌谣,欢迎和大家一起交流前后端知识。放弃很容易,
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/15292.html

(0)
上一篇 2024-02-18 07:26
下一篇 2024-02-19 13:00

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

关注微信