Re: [問題] CSS - 等寬字，行距，字距

看板Web_Design作者gmobug (泡泡蟲蟲)時間19年前 (2005/12/30 23:47)推噓0(0推 0噓 0→)

留言0則, 0人參與討論串5/9 (看更多)

如果一切都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)