作者F23ko ( http://f23ko.com )
看板Web_Design
標題Re: [問題] 什麼時候要display:block?
時間Mon Oct 7 16:41:54 2013
※ 引述《Sofronio (草莓醬)》之銘言:
: 想請教大家:
: 當知道了li、ul都是區塊元素
: 所以這兩種應該是都不需要display:block嗎?
: 而<a>是非區塊元素所以就需要?
: 另外…<img>它是Inline Elements
: 我試著指定 margin: 0 auto; 它沒有辦法置中
: 指定成display:block就可以了
: 所以是非區塊元素才會需要display:block這個指令嗎?
: 而我對<h1>元素使用margin: 0 auto;它不會置中,
: 只有使用text-align:center;才有效用,可是它不是也是區塊元性嗎?
: 發現指定寬度就可以了,不過寬度大小感覺不太好拿捏 /_\
: 一點疑惑,還請大家指教一下,謝謝!!
另外一種狀況是搭配javascript使用的
因為.... 常常會這樣
$('#一些東西').css("display","none");
之後要讓他復原時,就會用 display:block
另外,一個簡單的記法是
block是排版用的,所以他可以決定自己的位置
margin: 0 auto;
top left那些才有效
而inline是 block裡面的內容
所以他的位置是依照外面的元素的定位去決定的
然後,寫CSS的經驗比看再多的書都還重要
因為很多瀏覽器常常不照規範跑....
--
◢
鄉民啊!鄉民! 請告訴我誰是最純潔的人!
◢█ │
PTT │
██ 鄉
:就是你! F23ko! │
█◤ ╯
◤ ﹨(╯▽╰ )∕
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 114.35.18.75
→ danny8376:其實正確應該是要清掉display(或設空白) 10/07 17:18
→ danny8376:隨便改成block來顯示有可能會出事 10/07 17:20
→ danny8376:不過大多顯示/隱藏都是div 所以比較沒問題就是XD 10/07 17:20
推 sycc:如何清掉display或設空白啊? 我以為該設回預設值 10/08 01:52
推 hit1205:有些東西不是 block 啊 XD 10/08 06:29