如何避免css重疊？

Question

我正在使用FullCalendar與資源庫，你可以看到我的JSFIDDLE
如何看到資源（第一列，第二列）的問題是重疊。似乎事實上，如果資源有很長的名字去重疊近列，這對我不利。我想要的是削減資源名稱，如果超過了證書長度，無論如何，該標籤不能重疊下一個單元格。 發行圖像：

最終結果

喜歡的東西：First col | Second col

Answer 1

你似乎想隱藏溢出。

您的日曆的表格標題元素相互溢出。

CSS：

#calendar tr th div.col-label{ 
    overflow-x: hidden; 
} 

這將使四溢的文字不畫而不是在接下來的細胞繪圖。

編輯：修正了該做的事件消失

編輯2：固定搞亂了日期標籤

Answer 2

另一種方法來解決你的問題是通過設置您的列min-width屬性，以確保每個一個將有足夠的空間來存儲它的數據。然後在您的標籤上使用width:100%;屬性。也許可以使用一些padding以使它看起來不錯。讓我知道這是否有幫助:)