使用背景在实际的工作中，我们有的时候会把块元素设置为inline-block，这样做的目的有2个，一是块元素能够排列到一行，二是块元素就形成包裹性，能够自适应content area，而不必设置宽和高（依实际情况而定），在现在浏览器中没有什么问题，但是IE6、7下，当把block元素设置成inlin...
分类：
其他好文 时间：
2015-05-31 13:52:00
阅读次数：
757
行内元素水平居中方案
行内元素包裹在一个属性display为block的父层元素中，父块text-align:center即可实现
代码实现index.html
行内元素水平居中
<style type="text/css...
分类：
Web程序 时间：
2015-05-29 23:13:00
阅读次数：
146
css3盒模型（box）中的一个概念，在css这种，每个元素生成了包含内容的框，有内联元素和块级元素之分。也可以区分为替换元素与非替换元素。替换元素：浏览器根据标签的元素与属性来判断显示具体的内容。如 input标签，根据type显示内容。img标签，根据src显示内容。textarea、sel.....
分类：
Web程序 时间：
2015-05-29 21:31:29
阅读次数：
146
display:inline; 内联元素，简单来说就是在同一行显示。display:block; 块级元素，简单来说就是就是有换行，会换到第二行。display:inline-block; 就是在同一行内的块级元素。说概念太模糊，来个真实案例吧。链接一链接一A默认就是一行，所以inline用在这里是...
分类：
其他好文 时间：
2015-05-27 12:14:24
阅读次数：
95
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
总体概念block和inline这两个概念是简略的说法，完整确切的说应该是 block-level elements (块级元素) 和 inline elements (内联元素)。block元素通常被现实为独立的一块，会单独换一行；inline元素则前后不会产生换行，一系列inline元素都在一行...
分类：
其他好文 时间：
2015-05-24 12:48:36
阅读次数：
105
有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
下图是效果图:然后, 左右两边的圆角图片和背景图片如下(因为截图工具的原因, 可能图片不是很清晰.这个图片有4个部分, 分别是中间的背景图, 左右圆角以及栏目分隔白线)思路:利用inline-block元素的中间性(既有块级元素特点: 能够控制宽高,可以定位, 也有内联元素特点: 可以被父元素tex...
分类：
其他好文 时间：
2015-05-19 10:19:06
阅读次数：
149
