作者gmobug (泡泡虫虫)
看板Web_Design
标题Re: [问题] CSS - 等宽字,行距,字距
时间Fri Dec 30 23:50:10 2005
如果一切都OK的话
那双色字
是要把字重复两次
width:9px
第一个text-align:left
第二个text-align:right
是要这样做吗?
(真麻烦为什麽CSS没有双色字的效果........)
-------------------------------------------------
後记:
刚刚试了一下
测试档在
http://gmobug.twbbs.org/index-beta.php
虽然有点小bug但还算OK,等一下再来改
试了一下双色字(用我目前乱搞的做法,因为不知道你说的做法到底是怎样)
测试档案
http://gmobug.twbbs.org/lala1.ans
IE:把width设的比字宽还小,没作用,所以画面上看起来就是两个字
Firefox:两个字各显示一半,可是第二个显示的还是左半边虽然text-align:right
有一些问题是浏览器预设字型不同造成的,
可是有时候指定了字型好像又不行...
html原始码爆长....
-------------------------------------------------
後记2号
加了
overflow:hidden;
在IE也可以显示半个字了
-------------------------------------------------
後记3号
我让第二个字先输出且width:18px
然後再输出第一个字,width: 9px; position: relative; left: -18px;
虽然有点残影不过还算成功XD!!!!
-------------------------------------------------
後记4号
把-18改成-16残影消失了,也就是说正常显示了
but猜测一改字型就会滥掉...
用span作成等宽字型的方法
换行好像有点秀逗
IE跟Firefox的行为都莫名其妙
另一个没有用span但是有双色字的版本
http://gmobug.twbbs.org/index-dc.php
有跑出一些些乱码而且版面也歪了
(版面歪是因为双色字的关系,虽然第二个字移到第一个字上面了
但第二个字的位置还是空着,应该多几行程式码就可以修好可是目前懒的弄了...)
※ 引述《TKirby ( ^-^)》之铭言:
: 我试的情况firefox是可以耶
: 可能跟 firefox 本身的设定有关系?
: 我现在把我前一篇的网址改了一下,
: 硬做等宽,不知道这样子你看有没有等宽呢?
: 用硬做等宽的方法基本上可以用同样的道理做双色字
: 不过就要做一些编码判断
: 这个硬来的方法可能不太适合用在非常长的文章
: 刚刚试了一下360行的文章还算 ok
: 不过在 firefox 下如果使用者变更字型大小会烂掉
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 221.169.71.109
※ 编辑: gmobug 来自: 221.169.71.109 (12/31 09:32)