资讯专栏INFORMATION COLUMN

常见BUG解决

Youngdze / 2509人阅读

摘要:居中好像需要注意居中容器的高度,如果为奇数会模糊的样子。页面如果有和,则会失效

img图片元素多余空隙bug 将图片转换为块级对像
 img {display:block;}
设置图片的垂直对齐方式

即设置图片的vertical-align属性为「top,text-top,bottom,text-bottom」也可以解决

 img {vertical-align:top;}
改变父对象的属性

如果父对象的宽、高固定,图片大小随父对像而定,那麽可以设置:

overflow:hidden;
设置图片的浮动属性
 img {float:left;}  

如果要实现图文混排,这种方法是很好的选择。

translate

translateY居中好像需要注意居中容器的高度,如果为奇数会模糊的样子。

-webkit-overflow-scrolling: touch;

页面如果有-webkit-overflow-scrolling: touch;position: fixed;,则position: fixed;会失效

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/111766.html

相关文章

  • 常见BUG解决

    摘要:居中好像需要注意居中容器的高度,如果为奇数会模糊的样子。页面如果有和,则会失效 img图片元素多余空隙bug 将图片转换为块级对像 img {display:block;} 设置图片的垂直对齐方式 即设置图片的vertical-align属性为「top,text-top,bottom,text-bottom」也可以解决 img {vertical-align:top;} 改变父对象...

    MobService 评论0 收藏0
  • 常见BUG解决

    摘要:居中好像需要注意居中容器的高度,如果为奇数会模糊的样子。页面如果有和,则会失效 img图片元素多余空隙bug 将图片转换为块级对像 img {display:block;} 设置图片的垂直对齐方式 即设置图片的vertical-align属性为「top,text-top,bottom,text-bottom」也可以解决 img {vertical-align:top;} 改变父对象...

    derek_334892 评论0 收藏0
  • 前端Bug解决方案

    摘要:不在此一一列举,若你遇到代表性问题欢迎留言参考种常见的标签错误写法小结结构层问题的解决方案就是谷歌浏览器按打开控制台看元素结构是不是你设想的一样。解决方案在的时候设置才能清除渐变背景。 没错!我正在写bug呢!不管你是小白还是大牛,写bug无可避免,遇到bug怎么办?别慌!毛主席教导我们战略上藐视BUG,战术上重视BUG!前端遇到的bug无非就三个方面结构层(HTML),表现层(CSS...

    cppowboy 评论0 收藏0
  • 前端Bug解决方案

    摘要:不在此一一列举,若你遇到代表性问题欢迎留言参考种常见的标签错误写法小结结构层问题的解决方案就是谷歌浏览器按打开控制台看元素结构是不是你设想的一样。解决方案在的时候设置才能清除渐变背景。 没错!我正在写bug呢!不管你是小白还是大牛,写bug无可避免,遇到bug怎么办?别慌!毛主席教导我们战略上藐视BUG,战术上重视BUG!前端遇到的bug无非就三个方面结构层(HTML),表现层(CSS...

    Charles 评论0 收藏0
  • 前端Bug解决方案

    摘要:不在此一一列举,若你遇到代表性问题欢迎留言参考种常见的标签错误写法小结结构层问题的解决方案就是谷歌浏览器按打开控制台看元素结构是不是你设想的一样。解决方案在的时候设置才能清除渐变背景。 没错!我正在写bug呢!不管你是小白还是大牛,写bug无可避免,遇到bug怎么办?别慌!毛主席教导我们战略上藐视BUG,战术上重视BUG!前端遇到的bug无非就三个方面结构层(HTML),表现层(CSS...

    voyagelab 评论0 收藏0

发表评论

0条评论

Youngdze

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<