让文字过长时自动显示省略号

2009 1 7 02:53 PM 2 条评论 3191 次查看

分类：CSS 标签：CSS

不需要JavaScript，直接HTML+CSS就能实现：
<p style="width: 10em; overflow: hidden; text-overflow: ellipsis">
<nobr>这句话只能显示10个字符</nobr>
</p>
效果如下：


这句话只能显示10个字符

让IE支持position:fixed

2008 12 24 11:12 AM 1 条评论 3547 次查看

分类：CSS 标签：CSS

由于IE6只支持CSS1，IE7对position:fixed的解释行为也不标准（不过可以无视），所以只能绕道解决了。
看到很多都是用JavaScript实现的，其实就用CSS也能解决。

修复IE6的CSS显示bug

2008 12 19 04:00 PM 0 条评论 1733 次查看

分类：CSS 标签：CSS

在大多数主流浏览器都已支持CSS2时，IE6这个使用率最高的浏览器却还只支持CSS1（例如:hover只能用于a标签），而且还存在大量的bug（例如不支持position: fixed），造成了编写网页时很多不便。

今天偶然发现了这个东西，特地分享下。

让WordPress的日志内容显示得更为美观

2008 12 10 10:22 PM 3 条评论 2070 次查看

分类：WordPress 标签：CSS, WordPress

今晚被WordPress的日志编辑模式弄得快崩溃了，可视化编辑和HTML源代码之间完全不像论坛那么方便，这里说说总结的内容：
  1. 换行和分段要在可视化编辑模式，因为HTML模式在每行之间都加了空行，并把<p>标签隐藏掉了，让人不知道怎么分段。
  2. 如果想用水平线，应在HTML模式加上<hr />标签。
  3. 如果想让水平线后的句子有<p>标签，应在可视化编辑模式下，上下各加一个空行。

font-family属性在IE下的兼容性

2008 11 14 11:12 PM 0 条评论 4821 次查看

分类：CSS 标签：CSS

font-family属性可以为标签设置字体，浏览器会从左至右依次查找是否有该字体，并将找到的第一个字体用于显示。如果没找到，则使用默认字体（Windows XP简体中文版一般是宋体）。
但还有个未定义行为，若找到的第一个是英文字体，而要显示汉字时，应该如何处理。Chrome和Firefox是继续往后查，直到找到能正确显示的字体；而IE（我只测试了IE6）则直接改用默认字体显示汉字了。