[問題] inline-block排版問題

作者: wkidso (懶)   2015-02-27 23:50:44
小弟待的公司最近接的案子都是需要做到響應式頁面
所以排板部分常常會用到inline-block屬性
讓畫面能自應式換行排列
但一直以來inline-block都有自動產生間距問題
而小弟一直以來都是讓父層font-size:0;去解決這個問題
(或是讓div的margin-left:-4px;)
手機或是電腦畫面都能因此得到想要的效果
但是最近發現ios8的畫面似乎不吃這套
只能用float-left去做排列才能解決
但許多屬性都是需要靠inline-block去做處理
想請教各位大大都是怎麼解決或是排版的呢
作者: oToToT (屁孩)   2015-02-28 00:09:00
實測沒問題阿http://jsbin.com/royomi
作者: ymcheung (ymc)   2015-02-28 00:10:00
把 > 這個收尾移到下一行第一個呢? 但是這樣很醜XD
作者: hangigi (韓仔)   2015-02-28 00:16:00
把inline-block全部放在同一行? 會超級長就是了Orz
作者: kurtisgod (蹦蹦蹦)   2015-02-28 01:11:00
ios某版的確會這樣沒錯....
作者: aspdoctor (大崎)   2015-02-28 01:39:00
把外層字體大小設為0就行了喔喔原來你試過字體大小了,那把外層字距改負的也能解決
作者: lNishan (紫小霓)   2015-02-28 06:47:00
可以用註解~

Links booklink

Contact Us: admin [ a t ] ucptt.com