网页设计中最常用的标签p、div、h1-h6（默认为块级元素）,span(默认为内联元素)1、把元素显示为内联元素和把元素显示为块级元素 我是div块级元素
我是span内联元素2、设置元素不可见和设置元素为inline-block 我是div块级元素 我是span内联元素 ...
分类：
Web程序 时间：
2014-06-12 08:49:55
阅读次数：
528
display:inline-block 代替 float; 消除 inline-block
元素之间的缝隙ul{font-size:0; /* 子级 inline-block 产生的缝隙取消 */}li{ display: inline-block;
*display: inline;...
分类：
Web程序 时间：
2014-06-07 00:59:19
阅读次数：
329
display:inline、block、inline-block的区别display:block就是将元素显示为块级元素.
block元素的特点是： 总是在新行上开始； 高度，行高以及顶和底边距都可控制； 宽度缺省是它的容器的100%，除非设定一个宽度 , , , , 和
是块元素的例...
分类：
其他好文 时间：
2014-05-24 03:13:23
阅读次数：
275
很久之前写过一个星星评级的样式，当时开发人员在嵌套代码的时候出现很多问题，同样的一个样式有的页面正常有的页面就出现星星错位的问题，仔细研究了一下代码，发现问题原来出在了inline-block上。目标样式：评级星星实现手段：相应样式：.star给一个灰色星星背景，display:inline-blo...
分类：
其他好文 时间：
2014-05-22 05:34:38
阅读次数：
204
今天在做布局的时候，遇到个纳闷的问题。我想将一个div块水平分为宽50%的两部分，分别为两个链接按钮，HTML代码如下：
link1 link2自然而然想到了用display:inline-block来触发layout又不换行；a{ display:inline-block;
...
分类：
其他好文 时间：
2014-05-21 18:56:32
阅读次数：
207
一般给一个元素设置背景：.lcProIcon { background:
url("images/lcProIcon.png") no-repeat; display: inline-block; height: 56px;
left: 0; position: abs...
分类：
其他好文 时间：
2014-05-15 21:19:44
阅读次数：
333
当使用CSS开发站点布局时，浮动（float）总是做最繁重的工作。我们为大块譬如主要内容（main content）和侧边栏（sidebar）以及其内部小一些的块使用浮动（float）。浮动总是解决问题的答案吗？
通常它们都工作得很好，但是有时候却很难使用。特别是涉及到内部块，比如一个图像网格，它们不会如预期的那样排成一条线。Inline-block是另一个选择。它们会模仿一些我们所希望的浮动表现，并且消除float带来的一些问题。...
分类：
其他好文 时间：
2014-05-15 18:25:31
阅读次数：
292
display: block;inline;none;inline-block;段落缩进
text-indent:20pxfont: font-style font-weight font-size line-height
font-familyfamily: "xxx","xxxx","xxxxx...
分类：
Web程序 时间：
2014-05-15 17:52:29
阅读次数：
380
IE6/IE7下对display:inline-block的支持性不好。1、inline元素的display属性设置为inline-block时，所有的浏览器都支持；2、block元素的display属性设置为inline-block时，IE6/IE7浏览器是不支持的；
对象呈递为内联对象，但是对象...
分类：
其他好文 时间：
2014-05-15 10:19:18
阅读次数：
211
