前几天写一个专题页 div{width:900px;}div a{ display:inline-block; width:300px;}<div> <a href=""></a> <a href=""></a> ...

今天要做 这种效果的图。我是用span做的 图文与图文按钮。因为行内元素没有width与height，（虽然可以用padding撑大），本人更喜欢用width与height。于是用了display：inline-block将span变为行内块级元素。之后两个span之间出现了一些间距。谷歌了一下 ...

一、现象描述 　　真正意义上的inline-block水平呈现的元素间，换行显示或者空格隔开的情况下会有间距，这是因为浏览器在解析时，会将换行等读取成一个空格导致。 二、移出空格的方法 　　① 我们可以去掉元素之间的换行和空格，这样间距自然就没有了，但是这样会降低代码的可读性，不可 ...

inline-block元素在布局时会给我们带来很多方便，但它有一个明显的bug,就是inline-block元素间会有一个4px的间隙（有的浏览器可能是8px）。废话不多说了，直接讲解决方法吧。 总体来时可分为两种方法，一种是改变html结构法,另一种是css法。 先说第一种，比如下面这段 ...

一、问题产生 由于html代码格式化后，标签会缩进或者换行。由于浏览器默认处理导致元素在页面显示中出现单个空格问题，尤其在行内或者行内块元素布局时影响比较明显 例如： 代码 页面显示 二、解决方案 这种问题出现让人很头疼，寻访答案却都差强人意 ...

每个html标签元素都有其默认的元素类型，主要包括两大类:inline内联元素、block块元素。除默认为以上两种，还有部分标签元素叫可变元素，会根据上下文语境决定该元素为inline元素或是block元素。在css里，有一个display的属性，他规定元素应该生成的框的类型。可能的值 ...

/wordpress/?p=2357 一、现象描述 真正意义上的inline-block水平呈 ...

css中有3种基本的定位机制：普通流（相对定位实际上看做普通流定位模型的一部分）浮动（float）绝对定位（固定定位是绝对定位的一种）所以在学习浮动之前，我们先要了解块级元素与内联元素（行内元素）。块级元素：块级元素一般当做容器使用，既可以容纳内联元素也可以容纳块级元素，例如div和p。常见的块级 ...