成都网站制作_WEB前端开发中常遇见的一些问题大全

在平时的前端开发中，常常会遇见一些问题，而这类问题又是常常会遇见并且常常会要解决的问题，那样下面我来跟大伙说说容易见到的一些问题。

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的时候，则不添加。

未完待续...

新闻标题：成都网站制作_WEB前端开发中常遇见的一些问题大全转载来自于：https://www.cdcxhl.com/news/58542.html

网站制作、网络营销推广公司-博久网络，是专注品牌与成效的网站建设，网络推广营销网站优化公司；服务项目有网站制作等