制作html網(wǎng)頁(yè)經(jīng)常會(huì)使用到span這個(gè)標(biāo)簽,但有些朋友對(duì)這個(gè)標(biāo)簽很多朋友用不好,似乎覺(jué)得它又很好用,但有用起來(lái)又很麻煩,尤其是需要給它定義寬度和高度的時(shí)候。
曾經(jīng)有朋友問(wèn):為什么給用css給span定義高度和寬度后,它的寬度和高度仍然沒(méi)有變化,好像失效了一樣?
其實(shí)這個(gè)問(wèn)題很簡(jiǎn)單——先要認(rèn)清span的屬性,因?yàn)閟pan屬于內(nèi)聯(lián)元素,而內(nèi)聯(lián)元素是忽略寬度和高度的,明白了這一點(diǎn)解決就很簡(jiǎn)單了,解決的辦法就是利用css將span變?yōu)楹醒b元素即可。
將內(nèi)聯(lián)元素定義為盒裝元素的方法有兩種:
1.直接使用顯示屬性display將其定義為盒裝元素;
代碼如下:
display:block;
2.使用浮動(dòng)屬性float將其自動(dòng)定義為盒裝元素;
代碼如下:
float:left;
更多信息請(qǐng)查看IT技術(shù)專欄