1诵原,margin-left兩倍間距問(wèn)題
解決:添加display:inline英妓;
2挽放,float:left問(wèn)題
每次浮動(dòng)以后會(huì)影響下面的元素,下面的元素需要使用clear:both來(lái)消除這個(gè)影響
解決:display:inline-block
3鞋拟,display:inline-block不兼容IE6-7
解決:
首先骂维,設(shè)置inline-block觸發(fā)塊元素,具有了layout的特性贺纲,然后設(shè)置display:inline使塊元素呈現(xiàn)內(nèi)聯(lián)元素,此時(shí)layout的特性不會(huì)消失褪测。
其次猴誊,直接設(shè)置display:inline,使用zoom:1觸發(fā)layout侮措。
兼容所有瀏覽器的方法是:
display:inline-block;
*display:inline;
*zoom:1;
未完待續(xù)懈叹。。分扎。