text-overflow样式属性值ellipsis的使用方法...
分类:
其他好文 时间:
2014-08-26 13:45:36
阅读次数:
162
今天在这里谈谈css中BFC。“BFC”是Block Formatting Context的缩写,这个概念是由CSS2.1提出来的,它决定了元素如何对其内容进行定位,以及与其他元素的关系和相互作用。满足以下任何一条件,即可形成“BFC”。1、float的值不为none。2、overflow的值不.....
分类:
Web程序 时间:
2014-08-25 19:11:54
阅读次数:
257
浮动元素和绝对定位元素,非块级盒子的块级容器(例如 inline-blocks, table-cells, 和 table-captions),以及overflow值不为“visiable”的块级盒子,都会为他们的内容创建新的块级格式化上下文。在一个块级格式化上下文里,盒子从包含块的顶端开始垂直地一...
分类:
Web程序 时间:
2014-08-25 19:09:24
阅读次数:
261
在开发过程中经常会遇到文本过长超出文本的宽度,这时候我们会考虑将文本截断,但是只顾截断会失去交互的友好性,因为用户不知道后面还有内容,我们会在文本超出宽度的部分加上省略号,然后加上title属性,当用户鼠标放到此处提示完整信息。文本溢出显示省略号有两种情况:单行文本1 text-overflow: ...
分类:
其他好文 时间:
2014-08-24 15:20:42
阅读次数:
209
这几个属性做滚动时会经常用到,现总如下:
首先定义一个div,样式如下:
*{ margin:0px; padding:0px;}
body{ margin:0px; padding:10px; border:solid 10px #69F;}
.aa{ margin:20px auto 0px; width:100px; height:50px; overflow:auto; bor...
分类:
其他好文 时间:
2014-08-23 14:01:00
阅读次数:
163
overflow:设置当元素的内容溢出其区域时发生的事情。 z-index:设置元素的堆叠顺序。
分类:
Web程序 时间:
2014-08-23 08:47:40
阅读次数:
241
目前主流浏览器的兼容性做的都比较好了,本文主要针对IE6,7的不兼容问题进行解决。1.有浮动存在时,计算一定要精确,不要让内容的宽高超出我们所设置的宽高,IE6下,内容会撑开设置好的高度。 解决方法:给对应的父级加overflow:hidden;但是会有部分被隐藏掉,最好是精确计算宽高再设定eg:....
分类:
Web程序 时间:
2014-08-22 12:28:56
阅读次数:
218
工作中遇到一个bug: IE8 下textarea 如果带滚动条(height:100px;overflow:scroll-y;),内容高度超过可视区域之后,输入文字,滚动条位置会乱跳。开始以为是js的问题,查看了代码感觉不是js的问题,于是借助索工具搜索了一番,这个问题感觉很少见,但是搜索之后发现...
分类:
其他好文 时间:
2014-08-22 12:28:16
阅读次数:
266
以下是引用片段: word-wrap:break-word;overflow:hidden; 而不是以下是引用片段: word-wrap:break-word;word-break:break-all; 也不是以下是引用片段: word-wrap:break-word;overflow:a...
分类:
Web程序 时间:
2014-08-21 18:45:04
阅读次数:
253
p { overflow: hidden; white-space: normal; height: 3em; text-overflow:ellipsis; }除了css属性,通过js实现(通过从后向前逐个删除末尾字符,直至元素的高度小于父元素高度)$(".figcaption").each(fu...
分类:
其他好文 时间:
2014-08-21 16:45:34
阅读次数:
183