[問題] FF的單行垂直對齊

看板Web_Design作者 (Seoker)時間17年前 (2009/02/18 22:39), 編輯推噓7(7推 0噓 13→)
留言20則, 6人參與, 最新討論串1/1
IE 的單行，文字是置中的 FF 的單行，文字是置底的 不知道大家懂不懂我的意思 就是例如設好行距 20px 後 發現 IE 的文字會比 FF 的文字上面一點，也就是比較中間 (選取文字可發現) 不知道有沒有辦法解決這問題呢？ 把 FF 的文字調的跟 IE 一樣 因為要做單行的底線背景，設統一行距 而發現 FF 的文字會跟此底線切齊 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 122.117.164.207
→
02/18 22:46, , 1F
你可以用CSS rest看看
02/18 22:46, 1F
→
02/18 22:54, , 2F
css reset? 用了　無效　囧
02/18 22:54, 2F
推
02/18 22:55, , 3F
如果你的文字可以接受display:block, 試著調整height
02/18 22:55, 3F
→
02/18 22:56, , 4F
是一個區塊的文字，然後設上行距，發現不同瀏覽器
02/18 22:56, 4F
→
02/18 22:57, , 5F
每行的垂直位置一樣，但文字在單行裡的垂直位置不一樣
02/18 22:57, 5F
推
02/18 23:14, , 6F
你同時調整line-height跟height 應該可以
02/18 23:14, 6F
→
02/19 00:00, , 7F
由於行距必須固定，所以 line-height 是固定的
02/19 00:00, 7F
→
02/19 00:00, , 8F
調整 height 也沒辦法，最後調整背景圖的位移了
02/19 00:00, 8F
→
02/19 00:00, , 9F
不過這樣最上面會多出一條 orz
02/19 00:00, 9F
→
02/19 00:05, , 10F
http://0rz.tw/jj2eg 簡單的說我是要做這種效果
02/19 00:05, 10F
推
02/19 05:14, , 11F
改 vertical-align 有差異嗎 ?
02/19 05:14, 11F
推
02/19 05:37, , 12F
改成 vertical-align: bottom 有差嗎 @@
02/19 05:37, 12F
→
02/19 12:14, , 13F
ie 有一點點差距，但是我主要是想讓FF的文字靠上一點
02/19 12:14, 13F
→
02/19 12:14, , 14F
vertical-align: middle 沒用
02/19 12:14, 14F
推
02/19 12:19, , 15F
印象中不同版本的Gecko(火狐)也會差個幾px…可能無解
02/19 12:19, 15F
→
02/19 12:20, , 16F
另外就是把line-height設大一點。大量文字的文章把行高設成
02/19 12:20, 16F
→
02/19 12:21, , 17F
1.8~2em會比較容易閱讀。字也不會貼到底邊上
02/19 12:21, 17F
→
02/19 14:16, , 18F
感謝樓上的意見
02/19 14:16, 18F
推
02/19 15:48, , 19F
vertical-align記得是圖片才有作用的語法
02/19 15:48, 19F
推
02/19 21:44, , 20F
vertical-align是給inline element用的 不只是給圖片
02/19 21:44, 20F
‣ 更多 seoker 的文章
文章代碼(AID): #19d1sNge (Web_Design)