2016-09-17 71 views
0

我很好奇我將如何獲取內容以包裝下面的鏈接等元素。 flex-wrap功能確實可以讓它們在一定程度上環繞一下,但它會留下大量的空白空間,如第二個鏈接所示。使用CSS或HTML或JavaScript進行列表的內容封裝?

http://saijogeorge.com/website-builders/

My source code and demo here

+0

嗨@Diana。只是檢查我的答案是否成功解答了你的問題?如果是這樣,請考慮通過點擊複選標記來接受它。這可以防止此問題出現在「未答覆」選項卡上。如果沒有,請列出您仍然面臨的任何問題,以便我可以嘗試進一步幫助您。乾杯! –

回答

1

可惜,這似乎並不可能只用CSS來解決。 Saijo George通過使用通過JavaScript控制的內聯絕對定位解決了這個問題。例如,#bot-builders具有默認的內聯樣式:position: absolute; top: 130px; left: 400px;。只要瀏覽器調整大小,這些變量就會改變。

將上述內容添加到您的示例中可以解決問題,但自然會以不同的寬度混淆顯示。您可以創建一堆媒體查詢來更改每個列表的值爲多個寬度,儘管這似乎有點矯枉過正。最終,您可能需要聯繫Saijo George以確切瞭解他們正在使用哪些JavaScript來控制響應。

希望這會有所幫助!

相關問題