[CSS]详解display:inline | block |inline-block的区别

2019独角兽企业重金招聘Python工程师标准>>>

[CSS]详解display:inline | block |inline-block的区别【点评网站】【发布新闻】【申请专栏】【文章招领】 www.8tops.com 2007-5-18 9:59:47发布：郭文
媒体：原创作者：郭文
display:inline就是将元素显示为块级元素.
block元素的特点是：
总是在新行上开始；
高度，行高以及顶和底边距都可控制；
宽度缺省是它的容器的100%，除非设定一个宽度
,
, , , 和是块元素的例子。

display:inline就是将元素显示为行内元素.
inline元素的特点是：
和其他元素都在一行上；
高，行高及顶和底边距不可改变；
宽度就是它的文字或图片的宽度，不可改变。
, , , , , 和是inline元素的例子。
inlin

转载于:https://my.oschina.net/xcntime/blog/6546

[CSS]详解display:inline | block |inline-block的区别相关推荐

css详解background八大属性及其含义
background(背景) 以前笔者在css盒模型以及如何计算盒子的宽度一文中提到过盒模型可以看成由元素外边距(margin).元素边框(border).元素内边距(padding)和元素内容(c ...
Java implement意思_详解JAVA中implement和extends的区别
详解JAVA中implement和extends的区别发布于 2020-4-14| 复制链接摘记: 详解JAVA中implement和extends的区别extends是继承父类,只要那个类不是声 ...
java中implement_详解JAVA中implement和extends的区别
详解JAVA中implement和extends的区别 extends是继承父类,只要那个类不是声明为final或者那个类定义为abstract的就能继承,Java中不支持多重继承,但是可以用接口来实 ...
vlan标签详解 access、trunk和hybrid的区别
vlan标签详解 access.trunk和hybrid的区别我们知道,不同网段间需要通过路由转发才能通信: 那在同一网段不同vlan之间的PC,是不能互相通信的.其实这并不是绝对的.了解vlan的 ...
c语言中的fscanf是啥意思,详解C语言中fgets和fscanf区别
fscanf函数是C语言的文件格式读取函数的方法之一,它使用空格.制表符和回车来分割不同的单词,这样可以让我们使用起来更方便,下面就让爱站技术频道小编带你来学习详解C语言中fgets和fscanf区别 ...
详解Javascript本地存储的方式、区别及应用场景
详解Javascript本地存储的方式.区别及应用场景一.方式 javaScript本地缓存的方法我们主要讲述以下四种: cookie sessionStorage localStorage ind ...
div + css 详解
第 1 页 <Div+CSS 布局大全> 整理者:Jesse Zhao 网站:http://JesseZhao.cnblogs.com 送给我最爱的女朋友蜜蜜,希望她可以永远快乐幸福!!! ...
在vue中引入css,详解在Vue中有条件地使用CSS类
详解在Vue中有条件地使用CSS类 2019-01-07 编程之家 https://www.jb51.cc 编程之家收集整理的这篇文章主要介绍了详解在Vue中有条件地使用CSS类,编程之家小编觉得挺不 ...
详解python正则\b和\B的区别
不知道你会不会出现这种错误, print(re.findall('er\b','never')) 输出结果却为空? 如果你出现这种问题,说明你没有转义,试着输入以下语句 print(re.findal ...

[CSS]详解display:inline | block |inline-block的区别

[CSS]详解display:inline | block |inline-block的区别相关推荐

最新文章

热门文章