今天终于对html中的块级元素和行内元素有了一个较为理性的认识。首先w3c对于block和inline的解释为:一、block的研究通过w3c的解释,也就是说block(块级)元素是独占一行显示的。它的兄弟元素必定不会与其在同一行中(除非脱离了文档流)。下面来说说block元素默认宽度的问题。1、没...
分类:
Web程序 时间:
2015-06-03 17:16:06
阅读次数:
146
参考文章:http://www.cnblogs.com/sc-xx/archive/2012/03/28/2421913.htmlIE 6 7 Bug:当在一行里既有行内元素,又有浮动元素,那么在ie6 7下浮动的元素会折行。解决办法:给浮动元素设置一个负的上边距,即 *margin: -n px;...
分类:
其他好文 时间:
2015-06-02 17:02:39
阅读次数:
92
元素分类html中的标签元素大体分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元素。常用的块状元素有:、、...、、、、、、 、常用的内联元素有:、、、、、、、、、、常用的内联块状元素有:、 块级元素特点: 1、每个块级元素独占一行 2、元素的高度、...
分类:
Web程序 时间:
2015-05-31 23:00:10
阅读次数:
183
单行内元素垂直居中方案
设置行内元素的行高等于父元素的高度或者包裹块的高度即可实现垂直居中,具体看代码效果
代码实现index.html
单行内元素垂直居中
div {
wi...
分类:
Web程序 时间:
2015-05-30 15:21:51
阅读次数:
161
行内元素水平居中方案
行内元素包裹在一个属性display为block的父层元素中,父块text-align:center即可实现
代码实现index.html
行内元素水平居中
<style type="text/css...
分类:
Web程序 时间:
2015-05-29 23:13:00
阅读次数:
146
CSS positionstatic 默认值,没有定位。元素框正常生成。块级元素生成一个矩形框,作为文档流(normal flow)的一部分,行内元素则会创建一个或多个行框,置于其父元素中。top,right,bottom,left,z-index属性无效。 W3C这样描述: ...
分类:
Web程序 时间:
2015-05-25 23:46:03
阅读次数:
200
1.根据CSS规范的规定,每一个网页元素都有一个display属性,用于确定该元素的类型,每一个元素都有默认的display属性值,比如div元素,它的默认display属性值为“block”,成为“块级”元素(block-level);而span元素的默认display属性值为“inline”,称为“行内”元素。
2.块级元素:
占据一定矩形空间,可以通过设置高度、宽度、内外边距...
分类:
其他好文 时间:
2015-05-25 16:39:08
阅读次数:
106
有2中实现方法:1、设置display:block inline-block,使其width属性生效2、如果设置float:left | right, 使其width属性生效.(浮动)使得指定元素脱离普通的文档流而产生的非凡的布局特性。并且FLOAT必需应用在块级元素之上,也就是说浮动并不应用于内....
分类:
Web程序 时间:
2015-05-22 15:00:16
阅读次数:
108
标准参考'text-overflow' 是 CSS3 中的新特性,处于草案阶段;该特性可以作用于块级元素、行内元素和单元格,当其值是 'ellipsis' 时,被剪除的文本将用省略号表示。关于 'text-overflow' 特性的详细信息,请参照 W3C CSS3 规范草案 'text-overf...
分类:
其他好文 时间:
2015-05-21 12:08:52
阅读次数:
151
转自:http://www.cnblogs.com/fu277/archive/2012/09/13/2400118.html1.水平居中(1) 文本、图片等行内元素的水平居中 给父元素设置text-align:center可以实现文本、图片等行内元素的水平居中。(2) 确定宽度的块级元素的水平居....
分类:
Web程序 时间:
2015-05-18 22:23:44
阅读次数:
111