求教在div+css标准布局当中,我知道转行布局是加一个div,那行内布局通常怎么做呢?

比如说一行内有两个<input>元素,通常在这两个<input>元素外边加个什么标签,使我们可以控制这两个<input>的位置... 比如说一行内有两个<input>元素,通常在这两个<input>元素外边加个什么标签,使我们可以控制这两个<input>的位置 展开
 我来答
222傻猪
2013-03-15 · TA获得超过1111个赞
知道小有建树答主
回答量:348
采纳率:66%
帮助的人:214万
展开全部
你可以给这两个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>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
等待放飞梦想
推荐于2017-10-20 · TA获得超过1175个赞
知道小有建树答主
回答量:1696
采纳率:16%
帮助的人:714万
展开全部
从基础说起。首先要明白。哪些是行内元素。哪些是块元素。然的理哪些样式可以让块元素变成行内元素。哪些又可以让行内元素变成块元素。清楚这些再来看你这个问题就很简单了。。。

第1,input本身是行内元素。当它的宽度不大于整个宽度的时候它会自己在一行显示。至于外边加DIV。是布局需要。方便控制。比如样式:
div.test input{float: left; margin:0 10px;} 这也可以让里面的两个input在同一行。
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
caiaolin
2013-03-15 · TA获得超过664个赞
知道小有建树答主
回答量:621
采纳率:0%
帮助的人:457万
展开全部
div只是一个盒子···不是转行布局··- -···至于你说的控制<input>位置是指啥?可以用相对位置··或者用绝对位置··然后用top left等来控制··或者用margin···
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友8c438cd
2013-03-15 · 超过24用户采纳过TA的回答
知道答主
回答量:102
采纳率:0%
帮助的人:36.9万
展开全部
可以加label、span等标签,css加属性:display:inline-block; padding-left:10px;
即可!
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
154406720
2017-10-20 · TA获得超过169个赞
知道答主
回答量:116
采纳率:86%
帮助的人:57.8万
展开全部
一般input设置 margin。。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(5)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式