重構工程師們在設計代碼時，有喜歡手動刪除行內元素之間產生的額外空隙，並通過設置margin或padding來獲取想要間距嗎？如代碼： 然而刪除間距后，代碼堆成了一片，看得起很不舒服，特別是從重構轉給JS同事后，JS同事看完代碼后就會提出抱怨，代碼太亂，他們更希望看到的是這樣的代碼 ...

1. 行內元素之間產生水平空隙的原因：代碼中有意或無意的添加了換行符，tab（制表符）或者空格等字符引起的； 2. 解決方案： 刪除引起問題的換行符，制表符或者空格等，但是缺點是會使代碼結構混亂； 設置margin屬性為負數，如：margin-left: -3px;缺點是負數的值 ...

1.塊級元素水平垂直居中 方法1　　 方法2: 方法3: 　transform: translate(-50%,-50%); 2. 行內塊元素水平居中 　　給父元素 ...

1.行內元素及行內塊元素的水平居中對齊，可以給其父元素添加text-align:center; 4塊級盒子水平居中對齊可利用外邊距，但必須滿足條件： ①盒子必須指定寬度 ②盒子左右的外邊距都設置為auto ...

首先，介紹一下行內元素和塊級元素，這個很重要，因為有的屬性只能用於塊元素，而有的正好相反，在一定的情況下，它們也可以相互轉換，比如用display來進行設置。 行內元素: ①不占據一整行，隨內容而定，有以下特點： ②不可以設置寬高，也不可以設置行高，其寬度隨着內容增加，高度隨字體大小而改變 ...

昨天做導航遇到一個問題：如何讓ul中的li水平居中？ 　　一般我們使用float,然后使用margin或者padding，通過距離讓它們居中，但是如果你要做響應式就會發現這樣的方法並不好用。我在網上看到大神的方法做了一點小的總結： 　　　　將塊級元素設置 display 屬性 ...

行內元素： 內容多少就占多大的空間 與其他行內元素並排 不能設置寬高，默認寬度就是文字的寬度 塊元素： 不管內容多少，總是在瀏覽器中獨占一行。 可設置寬高，如果不設置寬高那寬度是100% 行內塊元素：共享一行，可設置寬高，多個行內元素排列在一起 塊級元素和行內元素的分類 ...

1 塊級元素：div , p , form, ul, li , ol, dl, form, address, fieldset, hr, menu, table 行內元素：span, strong, em, br, img ...