一不小心使用錯了標(biāo)簽但是又不想刪除怎么辦
顯示模式的存在給寫代碼的人員帶來的好處嘉竟,比如換行的顯示伞插,就用占用一行的標(biāo)簽就行擎析,但是妥衣,如果把標(biāo)簽選錯了,該怎么繁莹?
當(dāng)然可以選擇刪除重新,但是當(dāng)寫了很多并且關(guān)聯(lián)好了就不方便刪除重新,這時候就需要“元素顯示模式轉(zhuǎn)換”
1-1目的
改變元素默認(rèn)的顯示特點仅乓,讓元素復(fù)合布局要求
1-2
1-3轉(zhuǎn)換測試
首先寫個類選擇,限定好行內(nèi)蓬戚、行內(nèi)塊夸楣、行內(nèi)元素;
然后子漩,測試給div標(biāo)簽賦予不同的屬性看如何顯示豫喧;
1-4 其他標(biāo)簽的測試顯示;
測試標(biāo)簽分別是:span幢泼,b紧显,strong,i缕棵,em.s孵班,del,u招驴,ins篙程,small,big别厘,sub虱饿,sup,
1-4-1先試下“塊“代碼如下圖
瀏覽器顯示如下触趴,
1-4-2 再試下”行內(nèi)塊“代碼如下圖
瀏覽器顯示如下:
1-4-3 最后試下”行內(nèi)元素“代碼如下圖
瀏覽器顯示如下:
總結(jié)氮发,測試的標(biāo)簽中span,b雕蔽,strong折柠,i,em.s批狐,del扇售,u前塔,ins,small承冰,big华弓,sub,sup困乒,都可以轉(zhuǎn)換寂屏,并且顯示正確,但是娜搂,在瀏覽器顯示中有些稍稍有些不同迁霎;
1-在轉(zhuǎn)換成塊元素時,上下沒有間距百宇,所有測試標(biāo)簽都沒有考廉;
2-在轉(zhuǎn)成行內(nèi)塊時所有測試標(biāo)簽都有左右間距,
部分標(biāo)簽沒有上下間距携御,如:span昌粤,div,b啄刹,d涮坐;
部分標(biāo)簽有上下間距,如:u誓军,ins袱讹,small,sub谭企,sup;
間距較大的標(biāo)簽有:small和sub;
3-轉(zhuǎn)成行內(nèi)元素時廓译,既有左右,又有上下間距债查。
具體間距是不是每個測試的標(biāo)簽都有非区,需要下次在測測。
(僅為個人自學(xué)的一點點思考盹廷,如有錯漏征绸,歡迎留言指正)