如何在漏斗形狀中安排堆疊的DIV標籤？

Question

我正在研究一個asp.net web應用程序。

我有一堆DIV tags ..其中inturn包含鏈接按鈕。

我想以tunerl形式顯示這些內容......如下所示。

有人可以爲我推薦一個好的方法。

我需要這些動態

|   | 
    |   | 
    \   /
    \  /
     \ /
     \ /
     | | 

我可以用多邊形作爲一個容器？

我的意思是定義一個ploygon ....並根據可用的div標籤劃分多邊形中的空間...並用DIV標籤填充該polgon。

Answer 1

網站建立在box model上，所以如果您正在尋找的是「多邊形形狀的div」是不可能的。如果您希望div標籤位於外部，則可以使用float: left;和float: right;，每次使用寬度較小的容器的各行div。如果您希望div標籤本身爲漏斗形狀，那麼您只需爲每一行設置一個div，並在頁面更遠的位置更改寬度。