加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 编程开发 > asp.Net > 正文

asp.net – 使用div标签在一行上的两个元素?

发布时间:2020-12-16 07:34:54 所属栏目:asp.Net 来源:网络整理
导读:最终,我们的团队希望摆脱表格,但似乎div标签更难以使用.在上面的图像中,布局是使用表创建的,但我无法弄清楚如何使用div标签获得基本列结构.如何在同一行上获取这些按钮? HTML新手在这里. 解决方法 不太难: HTML: form id="login" div label for="user"Use
最终,我们的团队希望摆脱表格,但似乎div标签更难以使用.在上面的图像中,布局是使用表创建的,但我无法弄清楚如何使用div标签获得基本列结构.如何在同一行上获取这些按钮? HTML新手在这里.

解决方法

不太难:

HTML:

<form id="login">
    <div>
        <label for="user">Username:</label>
        <input id="user" type="text" size="20">
    </div>
    <div>
        <label for="pass">Password:</label>
        <input id="pass" type="password" size="20">
    </div>
    <div>
        <input id="cancel" type="reset" value="Cancel">
        <input id="submit" type="submit" value="Login">
    </div>
</form>

CSS:

#login {
    background-color: #FEFEDD;
    border: 3px solid #7F7F7F;
    display: inline-block;
    padding: 20px;
    text-align: right;
}
#login div {
    padding: 5px;
}
#login label {
    font-weight: bold;
    margin-right: 5px;
}
#login #cancel {
    float: left;
}

Live Demo

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读