将两个或多个div放在同一行

1.先画出三个大盒子

2.1在style属性中添加display:inline-block,结果如图：

但是使用该方法盒子与盒子间的默认缝隙是不能修改的，通常我们会使用以下的方法实现两个以上的盒子的摆放

2.2在style属性中添加float：left；将元素移到左边

3. 加上右外边距 margin-right:20px;

使用float：right，则会把元素移到右边

使用float：none，是默认值，表示不浮动

拓展：使两个盒子分别左右对齐

将两个或多个div放在同一行相关推荐

如何将两个高度不同的div放在同一行
如何将两个高度不同的div放在同一行写一个大div把左面和右面的div包起来,在大div里面加上display:inline-flex;
HTML如何让两个div并排在一行,如何实现两个或多个div并列于一行
div是块状元素,默认是独占据一行. 但是,如何让两个或多个块区域并列于一行? 块状元素有一个很重要的"float"属性,可以达成这种效果.float 属性也被称为浮动属性,这个词 ...
两个div放在同一行
把两个div放到一个div中,然后给两个div的样式中加上style="float:left"即可
CSS—两个div放在同一行
把两个div放到一个div中,然后给两个div的样式中加上style="float:left"即可
html两个div一个在前一个在后,html/css 两个div在同一行
在界面设计的时候,经常需要将两个div在同一行显示. 但是每次都会忘记怎么做,特此随笔,备忘. 如以下要将"第一个div"和"第二个div"显示在同一行: /* ...
[ABAP] 把两个RADIOBUTTON放在同一行
现需要将两个RADIOBUTTON放在同一行,效果如下: 代码如下: SELECTION-SCREEN BEGIN OF LINE.*第一个RADIOBUTTONSELECTION-SCREEN PO ...
html将div放到页面最底部,关于html：我如何将div放在容器的底部？
给出以下HTML: Copyright Foo web designs 我想让#copyright贴在#container的底部. 我能在不使用绝对定位的情况下实现这一点吗?如果float属性支持&q ...
html中如何div转换下一行,css如何让两个div不换行显示？
css如何让两个div不换行显示?让两个div并列显示?下面本篇文章就来给大家介绍一下使用CSS让两个div并列在一行显示的方法,希望对大家有所帮助. 在HTML中,div是块状元素,div盒子本身默 ...
学习杂记（如何让两个div在同一行）
时不时会要记着一些东西,以防自己忘记总结. CSS浮动 div是块级元素,在页面中独占一行,自上而下排列,也就是传说中的流. 在div的标准流中,无论div多小,它都独占一行,相互没有交集. 但是很多 ...

将两个或多个div放在同一行

将两个或多个div放在同一行相关推荐

最新文章

热门文章