如何给两个div之间设置一个间距?html

两行之间的内容靠得太紧。

设置两个div之间的间距的方法:

    先定义两个div,div里面分别有一段话。

2.分别给两个div加上不同的背景色,方便看到div的位置。

3.设置div的margin;使两个div之间的间距扩大。

这样让两个div之间的间距扩大的问题就解决了。

扩展资料:

div常用属性

1.Height:设置DIV的高度;Width:设置DIV的宽度。

2.margin:用于设置DIV的外延边距,也就是到父容器的距离。margin:后面跟有四个距离分别为到父容器的上-右-下-左边的距离;margin: [top][right][bottom][left]

3.padding:用于设置DIV的内边距(内如子元素与DIV边界的距离)。padding:后面跟有四个距离分别为到父容器的上-右-下-左边的距离;

4.border:设置DIV的边框样式;

5.background:设置DIV的背景样式;background后可直接跟背景的颜色、背景图片、平铺方式等样式。

6.position:设置DIV的定位方式。position的属性中有static、fixed、relative、absolute四个属性。常用relative和absolute。

7.display:设置显示属性。其值有block、none;

8.float:设置DIV在页面上的流向,其值有left(靠左显示)、right(靠右显示)、none;




温馨提示:内容为网友见解,仅供参考
第1个回答  2017-08-04

可以使用CSS margin 属性,控制两个div的距离

定义和用法

margin 简写属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。

说明

这个简写属性设置一个元素所有外边距的宽度,或者设置各边上外边距的宽度。

块级元素的垂直相邻外边距会合并,而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地,浮动元素的外边距也不会合并。允许指定负的外边距值,不过使用时要小心。

注释:允许使用负值。


例子 1
margin:10px 5px 15px 20px;
上外边距是 10px
右外边距是 5px
下外边距是 15px
左外边距是 20px

例子 2
margin:10px 5px 15px;
上外边距是 10px
右外边距和左外边距是 5px
下外边距是 15px

例子 3
margin:10px 5px;
上外边距和下外边距是 10px
右外边距和左外边距是 5px

例子 4
margin:10px;
所有 4 个外边距都是 10px

第2个回答  2014-05-05
当然是用margin啦
或者你用一个div补进去,这个div什么内容也没有,只是占位置的
宽度高度自己设置,不是就一样效果了
第3个回答  2017-07-05
用margin
或者你用一个div补进去,这个div什么内容也没有,只是占位置的
宽度高度自己设置,不是就一样效果了
第4个回答  2017-07-21
可以设置外边距啊,margin

如何给两个div之间设置一个间距?html
先定义两个div,div里面分别有一段话。2.分别给两个div加上不同的背景色,方便看到div的位置。3.设置div的margin;使两个div之间的间距扩大。这样让两个div之间的间距扩大的问题就解决了。

html中怎么设置div之间的距离
html中设置div之间的距离方法:使用{margin:top right bottom left }。分别设置上、右、下、左的距离。

如何用css设置div与div之间的间距呢?
1、首先,打开html编辑器,新建html文件,例如:index.html。2、在index.html中的<style>标签中,输入css代码:.sub{margin-top: 30px;}。3、浏览器运行index.html页面,此时3个div子子容器的垂直间距被统一设置为了30px。

HTML中的行间距设置
步骤八、打开hbuilder开发工具,新建一个html文件,在这个html页面,需要创建两个<div>,同时设置一些文字,第一个div作为对照组,第二个div需要添加class类名为big,方便后面设置行高:步骤二、在<head>标签里创建一个<style>标签,然后设置使big类的line-height属性,该属性就是用来设置行间距的:步骤...

html中的字体行间距怎么设置
1、打开vscode,创建一个H5规范的页面,用于演示html行间距的设置方式。如果没有vscode,使用文本文件也是一样的效果,只不过文件名需要以.html结尾 2、在页面中添加一个div,设置宽度为300,目的是为了让div中的文字换行,从而设置行高 3、在浏览器中打开页面,可以看到默认的文字间距 4、如果想要将行...

div+css中文字离div的边距要怎么设
1、首先我们创建一个html文件,引入必须的css文件后,创建一个父div和两个子div作为测试。2、最简单的方法就是使用float浮动,将两个div进行左右浮动,即可设置出边距,这里适合使用百分比。3、然后是使用margin外边距,这也是常用的方法,可以设置上下左右边距,这里使用float将两个子div并列。4、这个方法...

CSS 两个DIV在同一列中 如何上下有间距
元素的边框是围绕元素内容和内边距的一条或多条线,可以使用 border 属性来规定元素边框的样式、宽度和颜色。下面举个简单的例子:在Html代码中添加两个div <div><\/div><div><\/div>设置css样式 div{width:250px;height:50px;border:2px solid #ccc;margin:50px 80px;}观察效果 ...

两行标签,如何设置上下间距html
<div style= “line-height:50px”>块元素1<\/div> <div style= “line-height:50px”>块元素2<\/div> 就是在标签上添加line-height属性就可以了。

网站上如何设置行间距网页行间距怎么设置
先复制到txt,然后在负责粘贴到文档中,即可调格式 html怎么设置外间距?调整网页中文字的行距和间距的方法和操作步骤如下:1、首先,打开vswxxxcode-style并创建一个H5标准页面,该页面用于演示html行距和间距的设置方法。2、其次,在页面上添加一个p并将宽度设置为300,目的是为了让p中的文字换行,...

html行间距怎么设置
1、首先打开vscode,随便创建一个H5页面,准备用于之后的演示 2、在页面中添加一个div,然后设置宽度为300 3、从浏览器打开这个页面,可以看到现在的行间距,如图所示 4、如果想要将行间距增大,那么可以在div标签中的style属性中添加line-height属性值 5、在浏览器中打开页面,此时就可以看到文字行间距变...

相似回答