Question

我使用以下代码片段在div

中呈现表头

代码段[HTML]：

<body>

    <style type="text/css">       

        .r-table{           
           border: 0 none currentColor;
           outline: medium none currentColor;
           table-layout: fixed; 
           width: 100%;
           max-width: none;
           color: #AAAAAA;
       }

        .headercell{
            border-bottom-style: solid;
            border-bottom-width: 3px;
            border-collapse: collapse;
            border-right-width: 1px;
            border-top-width: 1px;
            outline: medium none currentColor;
            overflow: hidden;
            padding: 0 0.5em;
            text-overflow: ellipsis;
            white-space: nowrap;    
            background: #050505;
            border-bottom-color: #ADCD48 !important;
            border-left-color: #303030 !important;
            border-top-color: #303030 !important;   
        }


    </style>

    <div class="headercontainer">

        <table class="r-table" cellspacing="0.25px" border-spacing="0px;">

            <colgroup>
                <col style="width:30px;" />
                <col style="width:150px;" />
                <col style="width:150px;" />
                <col style="width:150px;" />
                <col style="width:150px;" />
                <col style="width:150px;" />
                <col style="width:150px;" />
                <col style="width:auto;" />
            </colgroup>


            <thead>
                <tr class="columnHeader">
                    <th class="headercell" style="height:45px;">TEST</th>
                </tr>
            </thead>

        </table>        

    </div>

</body>

在这种情况下，thead高度设置为allpowser中的48px exept opera。如何在Opera浏览器中实现这个48px作为thead高度

歌剧浏览器中的thead高度问题

0 个答案: