欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

CSS垂直對齊子元素,而不改變時間軸中的水平位置

阮建安2年前9瀏覽0評論

我是一個典型的python開發者,所以我和CSS沒有太多的互動,所以請對我寬容一些..

話雖如此,我們開始吧:

我正在使用時間軸庫“react-timelines ”,需要添加一些功能來顯示重疊時間段內發生的項目,該庫目前不支持這一功能,我希望在樣式表中找到一個簡單的修復程序,以允許修復子對象的顯示方式。

當前行為是時間線中的項目重疊,但我需要能夠看到時間線中的所有項目。如果項目出現在同一時間段內,這將要求它們在時間線上的行內動態堆疊。

當前行為:當前觀察到的行為,行項目相互重疊

期望的行為:期望的行為,行項目動態垂直堆疊以允許行中有多個項目

我已經嘗試將子元素中的position屬性從絕對屬性調整為相對屬性,但是這似乎對它們的定位沒有任何影響。

當前用于父元素和子元素的CSS塊有:

.parent{
    position: relative;
    height: 61px;
    border-bottom: 1px solid #BBBBBB;
  }

  .child {
    position: absolute;
    height: 40px;
    top: 10px;
  }

嘗試在子元素中使用位置為left的屬性;)

div {
    position: absolute;
    left: 190px;
    width: 200px;
    height: 120px;
    border: 3px solid green;
}

這里有一些w3schools的參考資料