[問題] inline-block排版問題

看板Web_Design作者 (懶)時間10年前 (2015/02/27 23:50), 編輯推噓3(305)
留言8則, 6人參與, 最新討論串1/1
小弟待的公司最近接的案子都是需要做到響應式頁面 所以排板部分常常會用到inline-block屬性 讓畫面能自應式換行排列 但一直以來inline-block都有自動產生間距問題 而小弟一直以來都是讓父層font-size:0;去解決這個問題 (或是讓div的margin-left:-4px;) 手機或是電腦畫面都能因此得到想要的效果 但是最近發現ios8的畫面似乎不吃這套 只能用float-left去做排列才能解決 但許多屬性都是需要靠inline-block去做處理 想請教各位大大都是怎麼解決或是排版的呢 -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 1.174.248.176 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1425052246.A.397.html

02/28 00:09, , 1F
實測沒問題阿http://jsbin.com/royomi
02/28 00:09, 1F

02/28 00:10, , 2F
把 > 這個收尾移到下一行第一個呢? 但是這樣很醜XD
02/28 00:10, 2F

02/28 00:16, , 3F
把inline-block全部放在同一行? 會超級長就是了Orz
02/28 00:16, 3F

02/28 01:11, , 4F
ios某版的確會這樣沒錯....
02/28 01:11, 4F

02/28 01:39, , 5F
把外層字體大小設為0就行了
02/28 01:39, 5F

02/28 01:41, , 6F
喔喔原來你試過字體大小了,那把外層字距改負的也能解
02/28 01:41, 6F

02/28 01:41, , 7F
02/28 01:41, 7F

02/28 06:47, , 8F
可以用註解~
02/28 06:47, 8F
文章代碼(AID): #1Ky99MEN (Web_Design)