在日常的前端开发中，经常会遇到一些问题，而这些问题又是经常会遇到并且经常会要解决的问题，那么下面我来跟大家说说常见的一些问题。

1、随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。

这种情况在写代码的时候碰到的机率非常大，但是也很容易解决，只需要在全局样式中加上*｛margin:0;padding:0;｝就可以了。

2、几个img标签放在一起的时候，有些浏览器会有默认的图片之间的间距，加了第二点中的全局样式也不起作用。

这种情况一般只会有同一容器中出现多张图片的时候才会出现，因Img标签属于行内属性标签，所以只要图片的宽度没有超过当前容器的宽度的时候，img标签都会排在一行里面，但是有些浏览器的Img标签之间会有个间距，使用float属性可以去掉这个间距。

3、给某个DIV设置Min-hieght属性时，不能很好的被各个浏览器兼容。

在B/S系统开发的时候，有很多情况需要这种需求，当内容小于一个值（例如200px）时，DIV的高度为200px，而当内容高度大于这个值时，DIV的高度需要被撑高，而不是出现滚动条，这时候需要给当前这个DIV添加的样式是{min-height:200px; height:auto !important; height:200px; overflow:visible;}，这样可以很好的解决这个问题。

4、标题强制换行

例如在调用列表页文章标题的时候，调用标题的字符数是比较常用的方法，在控制了字符数之后，再在后面加上“...”，鼠标滑过的时候再全部标题全称，这种方法在文章标题较短的时候，标题后面也会出现“...”，文章标题后面加上“...”可以直接用CSS 控制。width:200px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;这种写法就是将当前的标题所在的窗口写好固定宽度，然后利用text-overflow属性和white-space属性给标题添加“...”，当文章标题长度没有超过200px的时候，则不添加。

未完待续...