如何避免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以使它看起来不错。让我知道这是否有帮助:)