小小笔记
2016-04-01 00:33用li设置登录表单时,登录和注册按钮已设定float:left;，可是注册按钮和登陆按钮不能在同一行
部分代码如下：
#left li{
list-style-type: none;
float: left;
margin: 0px 0px 5px 0px;
width: 100%;
}
#login{
width: 188px;
height: 100px;/*设定高度，字体大小，影响是否所有li加起来高度超过这个高度*/
background-color: ghostwhite;
font-size: 12px;
border: 1px solid lawngreen;
}
#left #login ul{
margin: 5px 0px 0px 5px;
}
#left #title01{
font-size: 14px;
text-align: center;
font-weight: bold;
color: darkcyan;
background-color: wheat;
height: 16px;
width: 192px;
padding-top: 5px;
padding-bottom: 3px;
}
.btn1{
float: left;
border: 1px solid sandybrown;
margin-left: 32px;
width: 55px;
height: 25px;
}
.btn2{
margin-left: 13px;
border: 1px solid sandybrown;
width: 55px;
height: 25px;
float: left;
}
css
<body>
<div id="main">
<div id="left">
<ul>
<li >
<div id="title01">用户登陆</div>
<div id="login">
<form id="form1" method="post" action="">
<ul id="box1">
<li><b>账号:</b><input id="username" type="text"/></li>
<li><b>密码:</b><input id="userpassword" type="password"/></li>
<li><input id="submit" type="submit" value="登陆" class="btn1"/></li>
<li><input id="reg" type="submit" value="注册" class="btn2"/></li>
</ul>
</div>
</div>
</form>
</li>
</ul>
</body>
- 点赞
- 回答
- 收藏
- 复制链接分享
1条回答
为你推荐
- 请问 如何把 bootstrap 的form表单 中的数据转成json格式？
- json
- ajax
- javascript
- bootstrap
- jquery
- 1个回答
- 表单页面有问题，使整个页面成为一个链接
- css
- html
- php
- 2个回答
- 表单HTML5和PHP＆Javascript选项卡
- html
- javascript
- php
- 2个回答
- block_head分区中的HTML CSS表单（组合框）垂直对齐
- css
- html
- forms
- php
- 1个回答
- 具有数量价格和总JavaScript计算的动态php和html表单
- html
- javascript
- php
- dynamic
- mysql
- 1个回答