如何移除FullCalendar 4.3.1日视图添加事件后右侧的间隙
解决FullCalendar 4.3.1日视图添加事件后右侧间隙问题
针对FullCalendar 4.3.1版本日视图出现的右侧间隙,仅需添加以下专属日视图的CSS样式即可修复:
/* 仅作用于日视图,消除右侧间隙 */ .fc-day-view .fc-content-skeleton { width: 100% !important; } .fc-day-view .fc-event-container { width: 100% !important; } /* 若事件本身仍有右侧边距,可补充此规则 */ .fc-day-view .fc-event { margin-right: 0 !important; width: calc(100% - 2px) !important; /* 2px为事件边框宽度,可根据实际调整 */ }
说明
.fc-day-view是FullCalendar 4.3.1中日视图的专属父类,通过它限定样式作用范围,不会影响月视图、周视图等其他视图。- 上述样式强制让事件容器和事件本身占满日视图的可用宽度,覆盖默认样式中导致间隙的宽度限制。
内容的提问来源于stack exchange,提问作者IDK
相关产品推荐
相关产品推荐

