html5 - display:table 中的单元格被img元素撑开
PHP中文网
PHP中文网 2017-04-17 11:18:44
[HTML讨论组]



    
    
    
    

    
        

是这样的,在使用了如上的布局后,我发现,尽管表格单元已经被我限制为 50px * 50px,但是,img元素里的图片还是会把表格的高给撑开,变成了56px,,这是为什么呢?p的padding和margin已经被我设置为0了,还是没法解决问题.


附上测试文件
http://pan.baidu.com/s/1o6A2nb0
ps:最后我已经通过让img元素绝对定位来避免撑开单元格,不过我还是想知道原因...

PHP中文网
PHP中文网

认证高级PHP讲师

全部回复(3)
伊谢尔伦

把 img 打成块试试 display:block 因为 img 是inline 元素。

PHP中文网

块框高度的影响链条为内联框->行框->块框,行框里面,图像对准了baseline,而底部留空,导致了这样的问题。详见这里

大家讲道理

.cell 样式添加 font-size:0; 也可以

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号