CSS表格宽度规则

Question

我支持遗留应用程序。

在CSS中有以下规则：

.dashboard-panel table {
    width: 100%;
}

所以基本上有很多面板，对于其中的所有表格，width设置为100%。

现在问题是：在仪表板面板中，我已经从外部库（richfaces）放置了一个日历控件。此日历控件使用表格显示日期。此width:100%正在影响日历表。

示例：

<div class="dashboard-panel">
    <div id="content">
       <table id="table1"> //this is ok
            <tr>
               <td>
                  <table id="richfacesCalendarTable"> //this not ok
                  </table>
               </td>  
            </tr> 
       </table>        
    </div>
</div>

这里适当的解决方案是什么？

我不想浏览此应用程序中的每个面板，并在那里添加单独的样式。

Answer 1

Mabye如果你在css的末尾添加类似的东西：

.dashboard-panel table#richfacesCalendarTable {
    width: your_desired_width_px !important;
}

或

.dashboard-panel table#richfacesCalendarTable {
    width: auto !important;
    display: table !important;
}

很难确定，因为这只是您提供的HTML和CSS代码的一小部分。可能还有其他因素会影响您的结果。