如何解決inline-block縫隙問題

1.三行換成一行 讓html元素沒有間隔

    <li>按鈕</li>
    <li>按鈕</li>
    <li>按鈕</li> 
    <li>按鈕</li><li>按鈕</li><li>按鈕</li>?  

或者換成

    <li>按鈕</li
    ><li>按鈕</li
    ><li>按鈕</li>?   

2.負magin值

    magrin-left:-4px; 

第一個會超出來 解決方法:

    .box>li:first-child{magrin-left:0;}? 

3.浮動元素

    float:left? 

必須清除浮動 父元素添加

    overflow:auto; 

4.父容器設(shè)0(最簡單)

    font-size:0;? 
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽?zāi)J的外補...
    _Yfling閱讀 14,167評論 1 92
  • CSS 是什么 css(Cascading Style Sheets),層疊樣式表,選擇器{屬性:值;屬性:值}h...
    崔敏嫣閱讀 1,577評論 0 5
  • 問題 1. 在什么場景下會出現(xiàn)外邊距合并?如何合并?如何不讓相鄰元素外邊距合并?給個父子外邊距合并的范例 外邊距合...
    Timmmmmmm閱讀 532評論 0 0
  • 一:在制作一個Web應(yīng)用或Web站點的過程中,你是如何考慮他的UI、安全性、高性能、SEO、可維護性以及技術(shù)因素的...
    Arno_z閱讀 1,366評論 0 1
  • 一、文檔流的概念指什么?有哪種方式可以讓元素脫離文檔流? 1、文檔流指的是元素在排列布局中所占用的位置,具體的說是...
    鴻鵠飛天閱讀 842評論 0 0

友情鏈接更多精彩內(nèi)容