显示:firefox中的表溢出父div

 漫天星雨2000 发布于 2023-02-09 03:02

问题和疑问

当使用display:table和display:table-cell to vertical align a element时,Firefox溢出父容器的宽度.查看实时演示以检查代码.

HTML

Arti.Zen Eskilstuna City

CSS

section.stores .storeloader {
    width: 47.82609%;
    float: left;
    margin-right: 4.34783%;
    display: inline;
    overflow: hidden;
    background: #000;
    color: #FFF;
    text-align: center;
    margin: 10px 0;
    position: relative;
    cursor: pointer;

section.stores .storeloader .holder {
    width: 100%;
    display: table;
}
section.stores .storeloader .holder .storecontent {
    display: table-cell;
    padding: 0 10px;
    text-align: center;
    vertical-align: middle;
    text-transform: capitalize;
    font-size: 20px;
}

user1885523.. 5

table-layout: fixed;使用在容器上解决display: table

1 个回答
  • table-layout: fixed;使用在容器上解决display: table

    2023-02-09 03:34 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有