html – DIV内BUTTON上方无法解释的空间
前言:我已经阅读了很多关于div内部图像的文章,周围有一个奇怪的空间,等等. 示例#1:Unwanted padding-bottom of a div 他们的问题看似相似但与我的不一样.在此示例文档中,边框,填充,轮廓等设置为零..但Opera和Firefox都在div顶部渲染一个备用像素.第三个可能在这个空间作弊,但没有人似乎回答为什么它在那里.. 编辑:我读过很多文章,这些文章很接近于回答这个问题,但它们与实际问题似乎有些不同. 我错过了什么?这是我的第一个问题,请耐心等待:) <!doctype html> <html> <head> <title>Anger</title> <style> *{ cursor: default; margin: 0; outline: 0; border: none; padding: 0; text-decoration: none; } body{ background-color: #87cefa; } div{ background-color: #ffffff; } button{ border-radius: 9px; padding: 1px 6px 2px 6px; font: 14px monospace; color: #ffffff; background-color: #1e90ff; } </style> <head> <body> <div> <button>Sample Button</button> </div> </body> <html> 是否有一些CSS3将使它全部工作?这是一个实验项目,欢迎使用最新的CSS3. PS:我只关心Opera渲染,虽然Firefox会很好地支持相同的标准兼容代码..谢谢! 解决方法将div上的行高更改为零.div{ background-color: #ffffff; line-height:0; } jsFiddle example (编辑:厦门站长网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |