關(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都寫在一行程奠≌衫危或者把img之間的空格什么的都注釋掉。但是比較low瞄沙,就不推薦使用了己沛。