在网页布局中我们经常会用到display:inline-block;好处是：能够将块状元素按照内联元素的方式布局，同时能设置宽高。个人感觉很好用，可是用多了慢慢的问题就来了？ 1.display:inline-block;在IE6/7中不兼容 解决办法：display:inline-block;*dsiplay:inline;*zoom:1; 2.display:inline-block;会产生莫名的间隙（4px） 原因：换行或空格会占据一定的位置，从而产生间隙， 解决办法： 1.在html代码中除去当前元素...
继续开始我的css之旅吧。今天我们来说什么啊。构思了两天还是没有什么思路，但是学习的步伐我们不能停止下来。还是按照之前的计划来讲讲display,在讲这个之前我们还是按照老规矩来扯扯蛋,步子不能够迈大了。废话不说了。问大家一个问题哈？块级元素和行级元素，你们知道吗？ 什么是块级元素了？(div)是块级元素 什么是行级元素？（span）你能看出他们两则的区别吗？ 先上图 可能有时候大家不是特别的注意他们直接的区别。...
我在 CSS基础学习十三：盒子模型的i博文只是阐释了CSS盒子模型，并没有过多的使用实例来演示。这篇博文 就来做一些盒子模型知识的补充。这一部分对于网页总体布局还是蛮重要的，过去大多数使用HTML中的table元素和 框架标签来进行网页的整体布局，现在我们使用最多的是DIV+CSS网页布局。所以一定要掌握好盒子模型，记住 content，border，padding和margin各自在盒子中的作用和使用方式。 先来看一个完整元素的盒子模...
默认值：inline 适用于：所有元素 继承性：无 动画性：否 none： 隐藏对象。与 visibility属性的hidden值不同，其不为被隐藏的对象保留其物理空间 inline： 指定对象为内联元素。 block： 指定对象为块元素。 list-item： 指定对象为列表项目。 inline-block： 指定对象为内联块元素。（CSS2） table： 指定对象作为块元素级的表格。类同于html标签（CSS2） inline-table： 指定对象作为内联元素级的表格。类...
目录 [1]特征 [2]display block inline inline-block none list-item 表格元素 前面的话 传统上，HTML标签分为块级、内联级、内联块 特征 块级 [1]不设置宽度时，宽度撑满一行 [2]独占一行 [3]支持宽高 内联级 [1]内容撑开宽度 [2]非独占一行 [3]不支持宽高 [4]代码换行被解析成空格 内联块 ...
目录 [1]block [2]inline [3]inline-block [4]none [5]list-item [6]run-in [7]table [8]inline-table [9]table-cell [10]table-caption 前面的话 display属性在网页布局中非常常见，但经常用到的仅仅是block、inline-block、inline和none等寥寥几个属性值，本文将详细介绍display属性的各个方面 定义 display属性用于规定元素生成的框类型，影响显示方式 ...
有3个属性和布局以及box的创建有关：'display', 'position' 和 'float'，彼此交互作用如下： 如果'display'值为'none'，则'position' 和 'float'无作用。这种情况下，不生成box。 否则，如果'position'值为'absolute' 或 'fixed', box被绝对定位，'float'的计算值为'none'，而'display'的值按下表设定。box的位置将由'top', 'right', 'bottom' 和 'left' 属性及其包容块所确定。 否则，如果'float'的值不是'none', box是浮...
项目改造中遇到DIV+CSS实现的table，新需求需要在表格使用单元格合并，网上调查返现CSS display:table实现的table表格，没有单元格的属性和样式，经过一番思考，曲折现实了单元格的合并，即采用正行嵌套一个单独的display:table的DIV，然后在嵌套的表格DIV内部通过控制行列数和行列的高度，实现单元格合并。个人建议全新实现使用 HTML标签即可 一、CSS display属性的表格布局相关属性的解释： table 此元素会作为块级表格...
当IE8发布时，它将支持很多新的CSS display属性值，包括与表格相关的属性值：table、table-row和table-cell，它也是最后一款支持这些属性值的主流浏览器。它标志着复杂CSS布局技术的结束，同时也给了HTML表格布局致命一击。最终，使用CSS布局来制作出类似于table布局的栅格将会变得十分迅速和简单。网页元素应用上那些与表格相关的display属性值后，能够模仿出与表格相同的特性。我将会在该文中给大家演示这种方法给CSS布局带来的巨...
none 此元素不会被显示。 block 此元素将显示为块级元素，此元素前后会带有换行符。 inline 默认。此元素会被显示为内联元素，元素前后没有换行符。 inline-block 行内块元素。（CSS2.1 新增的值） list-item 此元素会作为列表显示。 run-in 此元素会根据上下文作为块级元素或内联元素显示。 compact CSS 中有值 compact，不过由于缺乏广泛支持，已经从 CSS2.1 中删除。 marker CSS 中有值 marker，不过由于缺乏广泛支持，已经从 C...
.reveal * {display: none;} /*.reveal * {background-color: gray;}*/ .reveal *.handle {display: block;} .reveal *.handle {background-color: gray;} Click Here to Reveal Hidden Text This paragraph is hidden. It appears when you click on title. .reveal * {display: none;}应该是除了.handle元素外都隐藏，为什么display: ...
有一个有趣的现象就是当为元素（不论之前是什么类型元素，display:none 除外）设置以下 2 个句之一： position : absolutefloat : left 或 float:right元素会自动变为以 display:inline-block 的方式显示，当然就可以设置元素的 width 和 height 了且默认宽度不占满父元素。 如下面的代码，小伙伴们都知道 a 标签是行内元素，所以设置它的 width 是 没有效果的，但是设置为 position:absolute 以后，就可以了。 1 ht...
本帖最后由 yaganblw 于 2013-06-15 10:23:10 编辑 搜索引擎 SEO 看到一些SEO优化,要处理隐藏的文字时，缩进为负值，没有用display:none 有人说搜索引擎不会抓取display:none的内容 真的是这样吗？ 回复讨论(解决方案) googlebot会抓取display:none的内容 要想让googlebot忽略网页上的某部分内容。 这部分将不被搜索引擎抓取 别的搜索引擎不清楚。 干吗要设置隐藏呢？如果是隐藏链接，搜索引擎...
无标题文档 .rating a{width:16px;height:16px;overflow:hidden;display:inline-block;} 1star 2star 3star 4star 5star 我为.rating中的一组a元素设置display:inline-block;后发现每两个a中间有会空隙，但是将display:inline-block;换成display:block;float:left;后却是正常的（即中间没有空隙）,...
相信大家在试用css3动画时候一定用过transition属性，相对于js动画来说用起来更快速简单。代码如下：HTML结构： 动画按钮 CSS代码： .box { background: goldenrod; width: 300px; height: 300px; margin: 30px auto; transition: all .4s linear; /*display: block;*/}.hidden { /*display: none;*/ opacity: 0;} JS代码 var box = $(#box);$(button).on(click, fu...