行高引起的行内块级元素间距

行内元素与块级元素的区别 行内元素最好不要包裹块级元素,但是块级元素可以任意的包裹行内元素 行内元素如果其上一个元素也是行内元素,则他们会分布在统一水平线上,即在一行上排列,块级元素不论上一个元素是行内元素还是块级元素都要另起一行,单独占一行. 对于行内元素设置with.height.margin值无效,但对于块级元素,设置这些值是有效的. 行内块级元素在IE8以下的兼容性 div { display: inline-block: *zoom: 1: *display: inline: } 解析

元素 HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码. 元素分类方式 HTML 可以将元素分类方式分为行内元素.块状元素和行内块状元素三种,这三者可以通过设置display属性值实现相互转化.实现如下 #转换为行内元素 display:inline; #转换为块状元素 display:block; #转换为行内块状元素 display:inline-block; 元素特点 行内元素 不会自动换行 设置宽高无效 设置margin上下方向无效,左右方向有效

1.行内元素(内联元素 inlineElement) 特点:不占据一行,无法设置宽高及行高,其宽度随着内容增加,高度随字体大小而改变,margin只对左右起作用,上下无效. 常见有: a - 锚点,b - 粗体(不推荐),br - 换行,em - 强调,font - 字体设定(不推荐),i - 斜体,img - 图片,input - 输入框,label - 表格标签, select - 项目选择,small - 小字体文本,span - 常用内联容器,定义文本内区块,strike - 中划线,s

盒子模型 css盒子模型分为两种,一种是遵循w3c标准的标准盒子模型,另外一种就是IE盒子模型. 标准盒子模型 IE盒子模型 通过上面两张图可以看出,两种盒子模型都包括padding,margin,border,content,但是ie盒子模型的content包括border和padding. 一个例子 一个盒子的 margin 为 20px,border 为 1px,padding 为 10px,content 的宽为 200px.高为 50px. 标准盒子模型 盒子需要占据的位置为:宽 20

块级元素: 同一标签内写两个以上,标签会换行显示,如设置宽,则与父级之间的宽度差由margin填充: 宽度默认100%,高度随内容儿变化,宽高都可主动设置: 行内元素: 同一标签内写两个以上,标签会在同一行显示,并且之间会有空隙(该空隙是解析标签间空格所导致): 宽,高默认为0:随内容变化,不可主动设置宽高.padding与margin的上下边距: 常用的img可直接设置宽,高,margin,padding(因img表现的像inline-block): 如想设置宽,高,margin,paddin

百度的时候有人说行内元素浮动之后会变成块级元素,于是继续在网上搜索,又有人说不加display:block就变不了会计元素:好的吧,实践出结果,自己试试吧,个人总结了一下: 行内元素设置成浮动之后变得更加像是inline-block(行内块级元素,设置成这个属性的元素会同时拥有行内和块级的特性,最明显的不同是它的默认宽度不是100%),这时候给行内元素设置padding-top和padding-bottom或者width.height都是有效果的 以sapn为实现对象,实验代码: <!DOCTY

一般来说,html的元素分为两种,即块级元素和行内元素. 块级元素:块状元素排斥其他元素与其位于同一行,可以设定元素的宽(width)和高(height),块级元素一般是其他元素的容器,可容纳块级元素和行内元素. 行内元素:行内元素不可以设置宽(width)和高(height),但可以与其他行内元素位于同一行,行内元素内一般不可以包含块级元素.行内元素的高度一般由元素内部的字体大小决定,宽度由内容的长度控制. 常见块级元素有:h1,h2,h3,h4,h5,h6,p,div,dl,dt,hr,ol

最近给自己定了一个小目标,一周温习一个基础知识点,并输出一篇手记.看自己是否能坚持下去.^_^ 块级元素 块级元素占据独立的空间,有以下特点: 独占一行或多行 宽度,高度,内外边距可以设置,且有效 宽度默认是父容器的100% 可以作为其他块级元素和行内元素的父容器(文本类块级元素不建议作为其他块级元素的容器,如p, h1~h6) 常见的块级元素有:div, h1~h6, hgroup, p, table, form, ul, ol, hr, header, main, footer, aside

块级元素 h1-h6>>1-6级标题 p>>段落 div>>定义文档中的节 ul>>定义无序列表 ol>>定义有序列表 li>>定义无序列表与有序列表中的项 hr>>水平线 address>>定义文档作者或拥有者的联系信息 blockquote>>定义长的引用 pre>>定义预格式文本 form>>定义表单 fieldset>>定义围绕表单中元素的边框 legen