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

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

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

或

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

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