博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
让上下两个DIV块之间有一定距离或没有距离
阅读量:6924 次
发布时间:2019-06-27

本文共 448 字,大约阅读时间需要 1 分钟。

1、若想上下DIV块之间距离,只需设定:在CSS里设置DIV标签各属性参数为0

div{margin:0;border:0;padding:0;}
这里就设置了DIV标签CSS属性相当于初始化了DIV标签CSS属性,这里设置margin外边距为0;边框border属性为0和内补白也为0;这样相当于就初始化了DIV之间距各属性距离为0,这样就不会造成DIV直接有一定的距离。

2、如果想上下两个DIV间有距离的话,只需设定div中的margin属性即可,本例中div属性对全局DIV块都适用,代码如下:

    
让上下两个DIV块之间有一定距离或没有距离

这里设置了DIV块的边界为5px,当有上下两个DIV块时,边界是重合的,按大的来,所以这里上下两个DIV块的距离是5px(只取其中大的边界值,此处全局设定都是5px)

效果图:

如不想全局设置DIV块之间的边界,可在各个DIV块之间进行单独设置margin。

 

推荐一个自己业余时间开发的引擎,()

转载地址:http://svcjl.baihongyu.com/

你可能感兴趣的文章
linux文件时间戳的意义和区别:atime, ctime, mtime
查看>>
ubuntu jdk
查看>>
新手学习安装Windows字体
查看>>
PHP7和HHVM的性能之争
查看>>
我的友情链接
查看>>
【Visual C++】游戏开发四十八 浅墨DirectX教程十六 三维地形系统的实现
查看>>
程序的流程控制(C++)
查看>>
C++应用程序性能优化(五)——操作系统的内存管理
查看>>
嵌入式 Linux C语言(十)——静态库函数和动态库函数
查看>>
LVS之VS/DR搭建web集群实战!!!
查看>>
Java基础学习总结(20)——基础语法
查看>>
大型网站技术架构(四)网站的高性能架构
查看>>
jquery 刮奖插件
查看>>
es6--export default
查看>>
Java JNI 调用C++ API及中文编码问题
查看>>
Springmvc的开发流程--附带实例
查看>>
Java23中设计模式(Design Patterns)详解
查看>>
Java基础学习总结(3)——抽象类
查看>>
win7还未用熟 已经win10系统的身影了
查看>>
c#中的internal关键字
查看>>