如何避免css重叠?

时间:2015-10-24 14:39:43

标签: html css fullcalendar

我将FullCalendar与您在JSFIDDLE中可以看到的资源库一起使用
如何看待资源问题(第一列,第二列)是重叠的。事实上,如果资源有一个长名称去重叠近列,这对我来说是不好的。我想要的是如果超过certan长度,则切断资源名称,无论如何,标签不得与下一个单元格重叠。 问题图片:

enter image description here

最终结果

类似于:First col | Second col

2 个答案:

答案 0 :(得分:1)

您似乎想要隐藏溢出。

您日历的表格标题元素相互溢出。

CSS:

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

这将使得溢出的文本不会被绘制而不是在下一个单元格上绘制。

编辑:修正了此事件使事件消失

编辑2:修复弄乱日期标签

答案 1 :(得分:0)

解决问题的另一种方法是在列上设置min-width属性,以确保每个属性都有足够的空间来存储它的数据。然后在标签上使用width:100%;属性。也许使用一些padding以使其看起来不错。如果这有帮助,请告诉我:)。