看板 [ Web_Design ]
討論串[問題] 文字欄位與圖片無法對齊
共 4 篇文章
內容預覽： 開啟 | 關閉 | 只限未讀
首頁
上一頁
1
下一頁
尾頁
#1
[問題] 文字欄位與圖片無法對齊
推噓0(0推 0噓 0→)留言0則，0人參與, 最新作者LokiCjn (我的征途是星之海)時間19年前 (2005/11/13 22:42), 編輯資訊
0
0
1
內容預覽:
測試頁面. http://loki.ind.ntou.edu.tw/se_hw/testTop.html. 有發現文字位欄位和圖片在Firefox沒有對齊. 在IE上會自動對好. 請問應該要如何修正呢？. 用CSS可以做到嗎？. 謝謝. 附上相關的原始碼：. (HTML部份). <div class
(還有552個字)
#2
Re: [問題] 文字欄位與圖片無法對齊
推噓1(1推 0噓 0→)留言1則，0人參與, 最新作者look時間19年前 (2005/11/13 23:36), 編輯資訊
1
0
0
內容預覽:
img{. vertical-align:middle;. }. 加一句這個就可以了. 個人的經驗. firefox解析CSS比較嚴格 顯示的方式跟IE也有少許不同. 像IE的判斷比較寬鬆，沒有定義的會預設沒有. 而firefox必須定義的很清楚. 寫法上要嚴謹一點. 像margin跟padding
(還有68個字)
#3
Re: [問題] 文字欄位與圖片無法對齊
推噓1(1推 0噓 0→)留言1則，0人參與, 最新作者chweng時間19年前 (2005/11/13 23:53), 編輯資訊
1
0
2
內容預覽:
margin 跟 padding 不一樣喔，. 簡單來說前者是外邊距(邊界)；後者是內邊距(補白)。. 你可以分別在同樣的 div 上加上框線 border: 3px solid #00f;. 最好再給它上個底色 background: #f00;. 然後分別設 margin 和 padding 看
(還有204個字)
#4
Re: [問題] 文字欄位與圖片無法對齊
推噓2(2推 0噓 0→)留言2則，0人參與, 最新作者look時間19年前 (2005/11/14 01:56), 編輯資訊
0
0
2
內容預覽:
試試看以下這段 在IE與FIREFOX是不一樣的 因為padding的關係(用黃色標起的地方). <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">. <html>. <head>. <meta http-equiv="Co
(還有679個字)
首頁
上一頁
1
下一頁
尾頁