关于inline-block,间隙距离去除,以及div自动换行,高度等问题的一个demo
来源:互联网 发布:淘宝老店新开有扶持吗 编辑:程序博客网 时间:2024/04/29 11:46
<style type="text/css">
div {
width: 100px;
height: 100px;
display: inline-block;
vertical-align: bottom;
}
.div-1 {
background-color: red;
}
.div-2 {
height: 110px;
background-color: blue;
}
.div-3 {
background-color: yellow;
}
.div-4 {
background-color: gray;
}
.div-5 {
background-color: #225433;
}
.div-6 {
background-color: #4488FF;
}
</style>
<body>
<div style="width: 300px;font-size: 0;">
<div class="div-1"></div>
<div class="div-2"></div>
<div class="div-3"></div>
<div class="div-4"></div>
<div class="div-5"></div>
<div class="div-6"></div>
</div>
</body>
div {
width: 100px;
height: 100px;
display: inline-block;
vertical-align: bottom;
}
.div-1 {
background-color: red;
}
.div-2 {
height: 110px;
background-color: blue;
}
.div-3 {
background-color: yellow;
}
.div-4 {
background-color: gray;
}
.div-5 {
background-color: #225433;
}
.div-6 {
background-color: #4488FF;
}
</style>
<body>
<div style="width: 300px;font-size: 0;">
<div class="div-1"></div>
<div class="div-2"></div>
<div class="div-3"></div>
<div class="div-4"></div>
<div class="div-5"></div>
<div class="div-6"></div>
</div>
</body>
0 0
- 关于inline-block,间隙距离去除,以及div自动换行,高度等问题的一个demo
- inline-block元素间的换行符空格间隙问题
- 去除inline-block之间的间隙
- 去除inline或inline-block标签间隙的方法
- inline-block间隙问题
- display:inline-block产生的间隙问题
- inline-block元素间的间隙问题
- inline-block元素间的间隙问题
- display:inline-block的空白间隙问题!
- display:inline-block列表布局经常会遇到的“换行符/空格间隙问题”
- 多种去除inline-block元素之间的间隙解决方法详解
- display: inline-block间隙问题
- inline-block之间间隙问题
- 诡异的间隙inline-block
- display:inline-block引发的水平间隙的问题
- Firefox Bug: inline/inline-block的间隙
- inline-block在IE8,9的间隙问题
- display:inline-block的间隙问题和解决办法
- C++的new
- PackageManager获得当前手机正在运行的应用程序
- React之JSX语法
- Android应用开发-学生信息管理系统
- JNI中map转HashMap
- 关于inline-block,间隙距离去除,以及div自动换行,高度等问题的一个demo
- listview,gridview等可通用的万能适配器,继承此类即可
- 6.3.3 异步定时方式
- java.net.HttpURLConnection 实例
- 最新Google Analytics在Android Studio工具中的集成使用
- docker基础知识之挂载本地目录
- 在C#中使用SerialPort类实现串口通信 遇到多线程问题
- poj2018(斜率数形结合)
- 将视频 YUV 格式编码成 H264