[2007-04-11 12:17:00] 有关RP的table-layout以及表格文字溢出问题小结

目的很简单,就是让表格保持固定大小,单元格的长、宽都固定,不被单元格内的文字溢出改变布局

  1. Step.1
    固定表格,这里用到了RP的table-layout的fix属性
    手册里是这样的:

    版本:CSS2  兼容性:IE5+ 继承性:有
    auto :  默认的自动算法。布局将基于各单元格的内容。表格在每一单元格读取计算之后才会显示出来。速度很慢
    fixed :  固定布局的算法。在这算法中,水平布局是仅仅基于表格的宽度,表格边框的宽度,单元格间距,列的宽度,而和表格内容无关
    说明: 设置或检索表格的布局算法。

    简单说,就是将表格的单元格布局钉死。
  2. Step.2
    理论上,接下来只需要在td上加上overflow:hidden,让溢出的文字不显示就万事大吉了,但事实上远没有那么简单,table-layout 有个很RP的问题,如果表格内的文字出现空格、中文字符等时,会自动进行换行,这样一来宽度是有保证了,高度仍然会溢出。
    这里首先考虑用nowrap,目的是使单元格强制不换行。但事实上nowrap也是个很RP的属性,它只有在单元格未指定宽度的情况下才是有用的。我们的目的是固定单元格的长宽,显然单在td后面加上nowrap也是行不通的。
  3. Step.3
    那么就只能把很简单的事情搞到如此复杂了……

    ---code start---
    <table width="100" style="table-layout:fixed;">
      <tr> 
        <td width="100" style="overflow:hidden;text-overflow:ellipsis; white-space:nowrap;"><div nowrap>这里是一个测试,再多的汉字和空格也不怕</div></td>
      </tr>
    </table>
    
    ---code end---

text-overflow是一个很好css,可以把溢出的文字用...截断并提示。事实上我想说的是,布局的时候尽可能用div吧,这种RP的问题用div的话一句话就完了。。。

Read More

[2007-04-07 15:15:00] 梦であるように

答えが見つからない もどかしさでいつからか
空回りしていた 違う誰かのところに行く君を
責められるはずもない
なんとなく気づいていた君の迷い
夢であるように 何度も願ったよ
うつむいたまま ささやいた言葉
悲しく繰り返す
激しい雨に 僕の弱い心は強く打たれ
すべての罪を流してほしかった
期待と不安が 降り注ぐこの街で
僕は道を探して 君は隣で地図を見てくれてたね
やわらかな時を
感じながら歩けるような恋だった
夢であるように 瞳を閉じて
あの日を想う 風に抱かれて
笑っていた二人
そして朝日が差す頃 僕の腕の中眠る君の優しい
幻を見ていたい
夢であるように 心の奥で
とわに輝け 君との日々は
あゆのままの僕だった
いつか描いてたあしたへ もう一度歩き出そう
たとえすべてを失っても 何かが生まれると信じて
きっと二人の出会いも 遠い日の奇跡だったから

也就是现在音乐盒的封面音乐了,在今天留个爪印,无他。

Read More

[2007-04-04 15:21:00] 姑且算是计划吧

Tech preview:

  1. basic tech:php+mysql+xml
  2. public class:PEAR
  3. template:Smarty
  4. ajax:xajax+dojo
  5. media:flash+xml

Function preview:

  1. Based on vbb
  2. Free TAGs(includes Type & Group)
  3. RSS
  4. Standard template
  5. Batch Upload
  6. Batch Add & Manage
  7. Import from XML files(RSS & LRC File to XML)
  8. Wiki Contents Mode(keywords & Multiuser-edit)
  9. Examine and Approve
  10. User-defined Index
  11. Special Group Mode

Read More
Now Loading...