inline-block的使用及bug

2009 11 21 05:33 PM 0 条评论 6575 次查看

分类：CSS 标签：CSS

在页面开发中最常用的2种显示类型就是inline和block了，然而它们都有或多或少的限制，所以偶尔还需要用到inline-block。（此外还有none等10多种，但是此处不讨论。）

强制换行应用word-wrap取代word-break

2009 11 19 04:12 PM 0 条评论 2835 次查看

分类：CSS 标签：CSS

今天在写网页时又遇到换行的问题了，之前是用JavaScript解决的，不过我觉得太麻烦，想用纯CSS来做，于是就去Google了一下，很快就发现了word-break。

:first-letter和:first-line伪类

2009 5 28 11:41 AM 0 条评论 1869 次查看

分类：CSS 标签：CSS

本以为IE 6基本不支持伪类的，不过今天看到:first-letter和:first-line也可在IE 6下使用，于是测试了下，却没看出效果。

检查了半天原因，发现:first-letter只能作用于display: block的元素，而我测试的是span，默认为inline元素…

此外，IE 6中还有个要注意的问题，由于这个伪类存在连接符，所以后面不能紧跟大括号和逗号等字符，必须用空格分隔开（没想到逗号都不行，太囧了）。如果使用CSS压缩器的，就要特别注意下这个问题了。

解决IE6的CSS背景闪烁问题

2009 5 9 12:29 AM 3 条评论 2574 次查看

分类：Web 标签：CSS, JavaScript

今天遇到个奇怪的问题，网页本地测试没问题，但上传到GAE服务器上，用IE远程访问就会出现背景闪烁的问题了。

试了很多方法，包括更改DOCTYPE声明、编码、删除CSS样式和JavaScript效果，结果都没用。最后把背景图片换成本地路径，才发现不闪了…

用CSS修正Discuz!的列表显示

2009 3 5 05:29 PM 0 条评论 2189 次查看

分类：Discuz! 标签：CSS, Discuz!

Discuz!的发帖工具栏上有排序的列表和未排序的列表这2种，但很奇怪的就是，这2种列表都显示成未排序的。于是我查看了下源码，发现了原因。

原来CSS也能挂马

2009 2 8 01:23 AM 0 条评论 1837 次查看

分类：CSS 标签：CSS, JavaScript

由于IE浏览器可以用表达式来设置属性，而又未对表达式做检查，这就导致了一个安全问题。

« 看看还有什么好玩意