将两个或多个div放在同一行
1.先画出三个大盒子2.在style属性中添加float:left;将元素移到左边3. 加上右外边距 margin-right:20px;使用float:right,则会把元素移到右边使用float:none,是默认值,表示不浮动
·
1.先画出三个大盒子
2.1在style属性中添加display:inline-block,结果如图:
但是使用该方法盒子与盒子间的默认缝隙是不能修改的,通常我们会使用以下的方法实现两个以上的盒子的摆放
2.2在style属性中添加float:left;将元素移到左边
3. 加上右外边距 margin-right:20px;
使用float:right,则会把元素移到右边
使用float:none,是默认值,表示不浮动
拓展:使两个盒子分别左右对齐
更多推荐
已为社区贡献1条内容
所有评论(0)