学习笔记day5：inline inline-block block区别

1. block元素可以包含block元素和inline元素；但inline元素只能包含inline元素。要注意的是这个是个大概的说法，每个特定的元素能包含的元素也是特定的，所以具体到个别元素上，这条规律是不适用的。比如 P 元素，只能包含inline元素，而不能包含block元素。

2.默认情况下，block元素宽度自动填满其父元素宽度。

3.inline元素不会独占一行，其宽度随元素的内容而变化，inline元素设置width,height属性无效。inline元素的margin和padding属性，水平方向的padding-left, padding-right, margin-left, margin-right都产生边距效果；但竖直方向的padding-top, padding-bottom, margin-top, margin-bottom不会产生边距效果。

4.display:inline-block；简单来说就是将对象呈现为inline对象，但是对象的内容作为block对象呈现。

5.IE（低版本IE）本来是不支持inline-block的，所以在IE中对内联元素使用display:inline-block，理论上IE是不识别的，但使用display:inline-block在IE下会触发layout，从而使内联元素拥有了display:inline-block属性的表象。

时间： 2024-12-27 18:56:31

学习笔记day5：inline inline-block block区别的相关文章

【学习笔记】【oc】Block

块(block):类似于定义一个匿名的函数.至于其他什么用处我就不知道了 块的定义: ^[块返回值类型](形参类型1 形参1, 形参类型2 形参2,...) { //块执行体 } 跟函数语法格式的差别: 1.定义块必须以^开头 2.可以省略块返回值类型 3.定义块无须指定名字 4.如果没有形参,()不能省略,一般用void充当占位符 如果还要接下来还要调用定义好的块,可以将块赋给一个块变量: 定义块变量的语法格式: 块返回值类型(^块变量名)(形参类型1,形参类型2,...): 块与局部变量 块

Swift学习笔记一：与OC的区别

在 Swift 中没有了 main.m,@UIApplicationMain 是程序入口 在 Swift 中只有 .swift 文件,没有 .h/.m 文件的区分 在 Swift 中,一个类就是用一对 {} 括起的,没有 @implementation 和 @end  1. 方法调用  OC      [[UIView alloc] initWithXXX:]  Swift   UIView(XXX: )    UIView() 类名()    ==  alloc / init 2. 类方法  

Python学习笔记——Day5(转载)

python 编码转换 主要介绍了python的编码机制,unicode, utf-8, utf-16, GBK, GB2312,ISO-8859-1 等编码之间的转换. 常见的编码转换分为以下几种情况: 自动识别 字符串编码 可以使用 chardet 模块自动识别 字符创编码 chardet 使用方法 unicode 转换为其它编码(GBK, GB2312等) 例如:a为unicode编码 要转为gb2312.a.encode('gb2312') # -*- coding=gb2312 -*-

SQL学习笔记——临时表不同创建方式的区别

问题:在存储过程中使用临时表时,不Create临时表就会报错. 分析了下,总结了临时表创建方式的区别. 创建临时表有两种方法: 方法一 create  table  #临时表名 ( 字段1 约束条件,      字段2 约束条件,      -- ) create  table  ##临时表名 ( 字段1 约束条件,      字段2 约束条件,      -- ) 方法二 select  *  into  #临时表名  from 你的表;   select  *  into  ##临时表名  

jQuery学习笔记：attr()与prop()的区别

先看看官方文档是如何解释两者之间功能差异的: attr() Get the value of an attribute for the first element in the set of matched elements or set one or more attributes for every matched element. 获取匹配的元素集合中第一个元素的attribute,或者为每个选定的元素添加一个至多个attribute prop() Get the value of a p

PHP学习笔记之issert和empty的区别

一:PHP中 issert和empty的区别: isset查看一个变量是否已经被设置并且不为空(Determine if a variable is set and is not NULL) empty查看一个变量是否为空 "".0."0".NULL.FALSE.array().$var($var是一个没有赋值的变量) 另外需要注意的是从PHP5.5开始,empty()只能支持变量,其他任何东西传递进来都将会导致介解析错误. 换句话说,像下面的这个表达式将不再凑效e

【Objective_C学习笔记】alloc-init 与new的区别

在一些源码中看到有人用[classname new]创建和初始化对象,但是我们大多数都用[[classname alloc] init],所以就很好奇两者之间的区别,通过查看一些资料 http://stackoverflow.com/questions/11256228/what-is-the-difference-between-class-new-and-class-alloc-init-in-ios http://www.cnblogs.com/ulihj/archive/2011/01/

python学习笔记day5——常用模块学习

一.主要内容 模块介绍 time &datetime模块 random os sys shutil json & picle shelve xml处理 yaml处理 configparser hashlib subprocess logging模块 re正则表达式 二.具体内容 1.模块 a.定义:本质就是.py结尾的python文件,逻辑上组织python代码,实现某种功能.例:文件名test.py-->模块名test. b.导入方法:imort moduname from mdn

python学习笔记-Day5（反射、特殊方法、OS模块）

反射 # 反射(或叫自省): 有时候我们会碰到这样的需求,需要执行对象的某个方法,或是需要对对象的某个字段赋值,而方法名或是字段名在编码代码时并不能确定,需要通过参数传递字符串的形式输入 # 这就是我们反射功能: 通过字符串形式去调用对象 # 例, 我有一个导向页面commons.py def login(): print('登录') def home(): print('HOME PAGE') def logout(): print('logout !!!') # 我需要根据用户输入,去执行对