求教在div+css标准布局当中,我知道转行布局是加一个div,那行内布局通常怎么做呢?
比如说一行内有两个<input>元素,通常在这两个<input>元素外边加个什么标签,使我们可以控制这两个<input>的位置...
比如说一行内有两个<input>元素,通常在这两个<input>元素外边加个什么标签,使我们可以控制这两个<input>的位置
展开
7个回答
展开全部
你可以给这两个input 添加一个class类属性控制,设置它的margin-left:xx;或者用浮动float,
比如:
css:
.div-input{
width:250px;/*把两个input放在一个div里面,如果两个input的宽度加上边知虚兄距不大于250px,那他们就会在一行*/
}
.input1{
float:left;
width:100px;/*设置第一个input宽度*/
margin-right:30px;/*设置第一个input右边的边距*/
height:20px;
}
.input2{
float:left;
width:100px;/誉空*设置第二个input宽度*/
margin-left:30px;/*设置第一个input左边的边距*/
height:20px;/*设置第二个input高度*/
}
<div class="div-input">
<input type="text" name="name1" class="input1" />
<input type="text" name="搭袭name2" class="input2" />
</div>
比如:
css:
.div-input{
width:250px;/*把两个input放在一个div里面,如果两个input的宽度加上边知虚兄距不大于250px,那他们就会在一行*/
}
.input1{
float:left;
width:100px;/*设置第一个input宽度*/
margin-right:30px;/*设置第一个input右边的边距*/
height:20px;
}
.input2{
float:left;
width:100px;/誉空*设置第二个input宽度*/
margin-left:30px;/*设置第一个input左边的边距*/
height:20px;/*设置第二个input高度*/
}
<div class="div-input">
<input type="text" name="name1" class="input1" />
<input type="text" name="搭袭name2" class="input2" />
</div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
从基础说起。首先要明白。哪些是行内元素。哪些是块元素。然的理哪些样式可以让块元素变成行内元素。哪些又可以让行内元素扰察变成块元素。清楚这些再来看你这个问题就很简单了。。。
第1,input本身是行内元素。当它的宽度不大于整脊岁个宽度的时候它会自己在一行显示。至于外边加DIV。是布局需要。方便缓野茄控制。比如样式:
div.test input{float: left; margin:0 10px;} 这也可以让里面的两个input在同一行。
第1,input本身是行内元素。当它的宽度不大于整脊岁个宽度的时候它会自己在一行显示。至于外边加DIV。是布局需要。方便缓野茄控制。比如样式:
div.test input{float: left; margin:0 10px;} 这也可以让里面的两个input在同一行。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
div只是李粗拍凳州一个盒子···不是哪羡转行布局··- -···至于你说的控制<input>位置是指啥?可以用相对位置··或者用绝对位置··然后用top left等来控制··或者用margin···
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
可以则戚加label、span等标签,css加属陪盯银性:display:inline-block; padding-left:10px;
即可!芦宴
即可!芦宴
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
一般input设置 margin。。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询