重构工程师们在设计代码时，有喜欢手动删除行内元素之间产生的额外空隙，并通过设置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 ...