起因:在做项目时发现原本在DW中无误的代码到了MyEclipse6.0里面却提示N多错误,甚是诧异。于是究其原因,发现块级元素P内是不能嵌套DIV的。
深究:我们先来认识in-line内联元素和block-line块元素,因为HTML里几乎所有元素都属于内联元素或者块元素中的一种。
in...
分类:
Web程序 时间:
2014-12-14 15:48:33
阅读次数:
242
说明:请使用chrome浏览器打开See the Pen pvyjGV by lilyH (@lilyH) on CodePen.如上图所示,我们你要实现的效果就是,(1)在一行中显示两块元素;(2)每块元素的长度根据它里面的文字变化还是先看代码吧:HTML 1234567 2 2 1111...
分类:
其他好文 时间:
2014-12-11 22:22:57
阅读次数:
179
1、display 属性规定元素应该生成的框的类型。值描述none此元素不会被显示。block此元素将显示为块级元素,此元素前后会带有换行符。inline默认。此元素会被显示为内联元素,元素前后没有换行符。inline-block行内块元素。(CSS2.1 新增的值)list-item此元素会作为列...
分类:
Web程序 时间:
2014-12-10 12:09:17
阅读次数:
162
怎么样才会发生在IE6下列表li空白间距的bug,如下:运行123456列表空白间距bug列表空白间距bug列表空白间距bug列表空白间距bug运行1.list-item a{display:block;}DEMO只要将列表li的子元素(子元素是行内元素的情况下,比如a,span)设置成块元素就会在...
分类:
其他好文 时间:
2014-12-10 12:08:03
阅读次数:
130
1、IE6怪异解析之padding与border算入宽高原因:未加文档声明造成非盒模型解析解决方法:加入文档声明2、IE6在块元素、左右浮动、设定marin时造成margin双倍(双边距)解决方法:display:inline3、以下三种其实是同一种bug,其实也不算是个bug,举个例子:父标签高度...
分类:
其他好文 时间:
2014-12-09 22:59:05
阅读次数:
326
IE5.5及更早的版本使用的是IE盒模型,在在IE6及以上版本的浏览器中,浏览器支持一种解决了这种差异的可选的渲染模式,也开始遵循标准模式。IE盒模型和W3C盒模型的差异:IE盒模型,块元素的实际宽度=width(包含padding和border);W3C盒模型,块元素的实际宽度=width+pad...
分类:
其他好文 时间:
2014-12-09 15:36:49
阅读次数:
127
块元素一般都从新行开始,它可以容纳内联元素和其他块元素,常见块元素是段落标签'P"。“form"这个块元素比较特殊,它只能用来容纳其他块元素。 如 果没有css的作用,块元素会顺序以每次另起一行的方式一直往下排。而有了css以后,我们可以改变这种html的默认布局模式,把块元素摆放到你想 要的位置上...
分类:
Web程序 时间:
2014-12-06 21:33:24
阅读次数:
372
一、单行文本溢出显示省略号(...)
设置块元素的宽和高,然后使用三个属性(缺一不可)控制
overflow: hidden;
text-overflow:ellipsis;
white-space:nowrap;
Demo如下:
效果如下:
二、多行文本溢出显示省略号(...)
可以使用以下四个属性来控制:
overflow : ...
分类:
其他好文 时间:
2014-12-04 10:18:04
阅读次数:
116
relative和absolute的一丢丢。position:relative:元素框偏移某个距离。元素仍保持其未定位前的形状,它原本所占的空间仍保留。position:absolute :元素框从文档流完全删除,并相对于其包含块定位。包含块可能是文档中的另一个元素或者是初始包含块。元素原先在正常文...
分类:
移动开发 时间:
2014-12-01 22:25:04
阅读次数:
204
将行内元素设置为块元素,一个用float:left;;;;;;;;一个用float:right; 用户别名
分类:
其他好文 时间:
2014-11-28 00:58:37
阅读次数:
270