關(guān)于img,表單標(biāo)簽間距問(wèn)題:多個(gè)img之間有間距,input與其他元素之間有間距。
比如這樣;

或者這樣:

要怎么解決呢?
方法很簡(jiǎn)單。
1.如果只需要解決左右間距問(wèn)題,可以給他一個(gè)margin-left:負(fù)值,看一下我的效果


左右間隙完美的解決掉了。
當(dāng)然,還有另外的方法:設(shè)置vertical-align屬性為bottom或者top,可以達(dá)到相同的效果。
然后呢,給元素加上line-height:5px;可以消除上下的間距;


2.上面的方法只解決了左右或者上下間隙。所有間隙都要消除要怎么辦呢?
首先可以給父元素加上屬性font-size:0px;
像這樣:


上下左右間距都沒(méi)有了,但是呢,細(xì)心的童鞋們應(yīng)該發(fā)現(xiàn)了,圖片上面應(yīng)該有一行文字的。
這就是這個(gè)方法的弊端,它會(huì)改變文字的大小,所以還得給文字另設(shè)大小。
所以呢我們有更好的方法;
給img加上display:block;并給img 浮動(dòng)float:left;
這樣一來(lái)就很完美了;


其實(shí)呢還有別的方法。比如把img都寫在一行?;蛘甙裪mg之間的空格什么的都注釋掉。但是比較low,就不推薦使用了。