PTT
Submit
Submit
選擇語言
正體中文
简体中文
PTT
Web_Design
[問題]使用CSS設定字型
作者:
lueichun
(no anonymous)
2018-02-03 12:04:54
我對以下的文字 透過CSS設定字型:
<li><a href="#">待</a></li>
li a{
display:block;
padding:17px;
text-decoration:none;
font:20px arial;
color:black;
}
所以我原本認為 li元素的高度寬度 都應該是17*2+20=54
然而我開啟開發者模式 看到的是以下這樣:
高度是58
請問為什麼高度不是預期的54 而是58 多出來的4px 是哪來的?
作者:
altecjc
(嘉誠)
2018-02-03 12:53:00
f12不是有個區塊會顯示整體 padding margin border. .從那邊看吧
作者:
torali
(pandaemon)
2018-02-03 13:03:00
應該是行高的問題,每個瀏覽器都會預設給1.0-1.2不等的line height,顯示的方塊有包含行高。試試看設line-height:1不過這樣設可能還是會差1px左右,這問題可以參考這篇 https://goo.gl/wNzV9N
繼續閱讀
[請益] git掛上hinet購買的網域名稱
indielin
[問題] 企業架設網站
tomas0628
[問題] 有關js外部引用問題
lenofire
[問題] 網站架設工作區切割
lancewl
[問題] 有沒有wordpress適用的CSS書籍?
chiupid
Re: [精進] [台北]Javascript/前端讀書會(目前六人)
iamnodoubt
[閒聊] GoDaddy客服在對岸…無言
tsailk
[問題] json字串傳到後端變成亂碼
lueichun
[請益] HTML版面問題
brunohuang
[問題] html中,CheckBox及被Disable的元件問題
james999
Links
booklink
Contact Us: admin [ a t ] ucptt.com