block,inline和inlinke-block的区别
来源:互联网 发布:淘宝买高达模型 编辑:程序博客网 时间:2024/05/29 04:41
- display:block
- block元素会独占一行,多个block元素会各自新起一行。默认情况下,block元素宽度自动填满其父元素宽度。
- block元素可以设置width,height属性。块级元素即使设置了宽度,仍然是独占一行。
- block元素可以设置margin和padding属性。
- display:inline
- inline元素不会独占一行,多个相邻的行内元素会排列在同一行里,直到一行排列不下,才会新换一行,其宽度随元素的内容而变化。
- inline元素设置width,height属性无效。
- inline元素的margin和padding属性,水平方向的padding-left, padding-right, margin-left, margin-right都产生边距效果;但竖直方向的padding-top, padding-bottom, margin-top, margin-bottom不会产生边距效果。
- display:inline-block
- 简单来说就是将对象呈现为inline对象,但是对象的内容作为block对象呈现。之后的内联对象会被排列在同一行内。比如我们可以给一个link(a元素)inline-block属性值,使其既具有block的宽度高度特性又具有inline的同行特性。
1 0
- block,inline和inlinke-block的区别
- block,inline和inlinke-block区别
- block,inline和inlinke-block区别
- display中block、inline、inlinke-block的区别和使用方法
- display的block,inline和inlinke-block细节对比
- block,inline和inlinke-block 对比
- block,inline和inlinke-block元素对比
- block,inline和inlinke-block细节对比
- block,inline和inlinke-block细节对比
- block,inline和inlinke-block细节对比
- block,inline和inlinke-block细节对比
- block,inline和inline-block的区别
- block,inline和inlinke-block细节对比及导航案例
- block和inline的区别
- block和inline的区别
- block,inline和inline-block的概念和区别
- inline-block和inline的区别
- block和inline和inline-block区别
- 国际物流杰信项目总结与面试
- 线程的基本使用
- Mac实用小技巧--Finder左边栏添加文件夹
- Java中的equals和hashCode
- 八皇后问题
- block,inline和inlinke-block的区别
- 原博文地址
- hibernate系列(1)之hibernate基本注解(全)
- dfs。。状态压缩dp poj3411
- Perfect Squares
- java并发编程中CountDownLatch和CyclicBarrier的使用
- Java异常类解析
- 喵喵喵
- VS2012创建C++项目失败,解决方法