如何使用HTML和CSS

創建網格視圖佈局我有類似反應波紋創建網格佈局：

如何使用HTML和CSS

enter image description here

，但我不希望以後第二排適用空間。我想要像平頂鞋一樣的風格。

正是我想要的是：

enter image description here

我的樣本：HTML

我會適當如果有人幫助完成這一觀點:)

感謝

來源

2014-02-19 Mr.Happy

[masonry.desandro.com]（http://masonry.desandro.com）使用http://masonry.desandro.com/ – SaturnsEye

+1。 – Ruddy

'CSS3列'？ - http://css-tricks.com/snippets/css/multiple-columns/這裏列出瀏覽器支持列 - http://caniuse.com/#search=columns –

-1

東西是否喜歡這個工作嗎？基本上是我在評論中解釋說：

EXAMPLE

我用table-layout:fixed保持寬度搞亂。

你只需要調整列的寬度以適應您的內容

來源

2014-02-19 11:24:18 SaturnsEye

它不是表格內容... –

感謝您的出色響應和幫助，但我使用響應式佈局，不想使用表格。 –

沒有問題，抱歉，我忍不住，但我不認爲你以後可能只用HTML。 – SaturnsEye

您可以輕鬆地爲例如做到這一點使用引導

<div class="row"> 
<div class="col-xs-3"></div> 
<div class="col-xs-3"></div> 
<div class="col-xs-3"></div> 
<div class="col-xs-3"></div> 
<div class="col-xs-3"></div> 
<div class="col-xs-3"></div> 
</div>

添加多達你想要的div。它們會根據內容水平增長，然後會左移。

來源

2014-07-30 04:02:09

還有一些其他框架可以提供不同的優勢，如Foundation，Boilerplate等。 –

這裏是你的佈局.. 我們爲您佈局的演示內容..

點擊以下鏈接，並下載源代碼：http://www.chameleoninfotech.com/theme/mansory-layout/mansory-layout.zip

我希望它有助於你..

來源

2016-12-29 09:52:44

如何使用HTML和CSS

回答

相關問題