css3 盒子类型
来源:互联网 发布:大数据双创中心是什么 编辑:程序博客网 时间:2024/05/01 17:30
盒子的类型:使用display来定义
一、3种常见情况:block 、 inline、 inline-block
block 块级
inline 内联
inline-block 行内块
我们都知道:
一个块级元素占领一行,且可以设置宽高;
而一个内联元素后面可以跟内联元素,一行可以有很多个内联元素,但是内联元素设置不了宽高。
所以:
使用inline-block可以使块级元素在一行内(体现了inline的特性),并且可以给元素设置宽高(体现了block的特性);
二、作用于table的inline-table;
inline-table和inline-block的使用方法和作用相同,只是inline-table特定作用于table元素的使用;
三、display = list-item列表
使用display = list-item可以使用元素变成列表,效果和ul的li列表类似
<style>
div{
display:list-item;
list-style-type:circle;
}
</style>
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
这样就形成了一个列表。
1 0
- css3 盒子类型
- CSS3盒子模型
- CSS3 弹性盒子布局
- css3弹性盒子布局
- css3弹性盒子
- css3.弹性盒子
- css3弹性盒子
- css3 弹性盒子
- 【CSS3】盒子模型
- CSS3弹性盒子布局
- css3 弹性盒子模型
- css3弹性伸缩盒子
- [CSS3]3D盒子
- CSS3弹性盒子flex
- 使用css3制作盒子
- CSS3盒子相关样式
- css3 弹性盒子
- Css3 弹性盒子
- 二叉树三种遍历方式的递归和循环实现
- HHU 欧洲杯(血泪。。。)
- 模板方法模式——以不变应万变
- NYOJ:奇怪的排序
- poj 2420
- css3 盒子类型
- Python |绝不乱入的靠谱书单
- Servlet API中的八种监听器接口
- ios 抛物线添加到购物车
- 树状数组( 单点修改/区间修改+区间求和+一维/二维)
- 191. Number of 1 Bits *
- Memcached 之 .NET(C#)实例分析
- 在Ubuntu14.04中安装Docker
- Hadoop伪分布式环境搭建