jQuery - 將網格定義爲網格

Question

有沒有辦法給div一個jQuery中的「網格」選項？我不想在div上繪製網格。

這個想法是讓較小的圖層以類似方式捕捉到更大的div。

Answer 1

如果您要求在div內構建網格，那麼您可以單獨使用CSS完成此操作。有一個名爲960的CSS模板，它以12px或16px的增量繪製一個網格頁面，並負責對齊和間距。

這將幫助您實現「管理單元」功能的目標，因爲放置在列中的任何元素都將遵守容器div的規則。

在該網站是一個鏈接到一個網格生成器，您可以在網格系統play with the widths並預覽結果。

警告：一旦您使用CSS網格佈局網頁，您有希望使用表格的危險，因爲CSS更易於操作，並且使用像960這樣的系統，您可以跨越瀏覽器支持框。這可能是一件好事！

Answer 2

如果你想繪製一個網格，那麼你需要儘可能多的div你需要的單元格，給他們一些邊界，所有的浮動左或右。只有然後將你的內容捕捉到它們中。

但是，如果您只想以類似網格的方式佈置內容，那麼您只需要爲所有div設置固定的寬度和高度，然後將它們左移並完成。