我在React應(yīng)用程序中使用fullCalendar。 我正在呈現(xiàn)我自己定制的react事件來代替默認(rèn)的外觀(在我的月視圖中)。我想控制兩個事件之間的垂直間距或邊距。但是我不能這樣做。我檢查了正在應(yīng)用的css,發(fā)現(xiàn)事件之前和之后都有偽類,具有以下CSS屬性和值:
.fc-daygrid-event-harness:after,
.fc-daygrid-event-harness:before {
clear: both;
content: "";
display: table;
}
不確定,但我認(rèn)為display: table在事件周圍設(shè)置了一些額外的空間,因為當(dāng)我試圖設(shè)置content: none或display: flex時,它被刪除了,一個day單元格中的所有事件相互垂直堆疊,它們之間沒有任何空間。
因為我需要控制事件之間的垂直間距,所以我嘗試在這個類上添加一些css屬性:。fc-daygrid-event-harness,但它不適用于跨越多天的事件。我發(fā)現(xiàn)fullCalendar通過將position設(shè)置為absolute并指定top/left/right屬性來動態(tài)設(shè)置它們的樣式。(以下是為此附上的截圖)
我想知道如何控制事件之間的垂直間距。另外,上面這種去掉事件中額外空間的方法是一種好方法嗎?它會對fullCalendar的其他功能產(chǎn)生任何重大副作用嗎?請建議。
問候