在平时的前端开发中,常常会遇见一些问题,而这类问题又是常常会遇见并且常常会要解决的问题,那样下面我来跟大伙说说容易见到的一些问题。
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前端开发中常遇见的一些问题大全