文字宽度哪里没反应

来源:3-8 课堂案例2-长表单布局

weixin_慕函数4165118

2023-03-16 15:15

姓名哪里宽度应用不上去


写回答 关注

1回答

  • salute_ryGM69
    2024-12-11 14:34:10

    <!DOCTYPE html>

    <html lang="zh-CN">

    <head>

        <meta charset="UTF-8">

        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <title>Document</title>

        <style>

            #form div{

                display: flex;

                /* height: 30px; */

                align-items: flex-start;

                flex: 0 0 30px;

            }

            #form div label{

                flex: 0 0 100px;

                text-align: right;

            }

            #form{

                display: flex;

                flex-direction: column;

            }


        </style>

    </head>

    <body>

        <form>

            <div id="form">

                <div>

                    <label>姓名:</label>

                    <input type="text">

                </div>

                <div>

                    <label>请输入密码:</label>

                    <input type="text">

                </div>

            </div>

        </form>

    </body>

    </html>


六个案例学会响应式布局

flex与媒体查询实现响应式和flex+rem实现弹性布局

17143 学习 · 19 问题

查看课程

相似问题