CSS3框架，創建指定高度的中心內容區域

我知道CSS的基礎知識，最近繼續使用CSS框架，因爲它讓我的生活變得更加輕鬆。我有一個關於網格系統的問題，我目前使用的是zurb foundation 3（http://foundation.zurb.com/）CSS3框架，創建指定高度的中心內容區域

我面臨的問題大多是在創建一個行時，我無法給它一個特定的高度。在我看來，像網格系統被設計爲按原樣使用，我在不同的地方閱讀，不建議嘗試改變一行的高度，只是將其中的項目放置在其中。

在我的項目中，我有一個內容區域，我想顯示一個固定的高度和寬度div但它不適合我。所以，任何人都可以建議我該怎麼做？下面是我的html代碼

更新：編輯HTML

<div class="row"> 
    <div class="six columns"> 
    <div style="height:6em; width:5em;> 
      <!-- my block --> 
    </div> 
    </div> 
    <div class="six columns"> 
    <div style="height:6em; width:5em;> 
      <!-- my block --> 
    </div> 
    </div> 
</div>

來源

2012-07-01 Mo J. Mughrabi

您使用的是「=」而不是「：」 – SVS

是寫「高度：6em;寬度：5em」而不是高度= 6em – Onheiron

是不是說這個點？ –

你的 '風格' 的聲明是錯誤的

style="height=6em; width:5em;

應該

style="height:6em; width:5em;"

注意：您使用=代替作者：你錯過了收盤報價「

，你不應該使用內聯樣式 - 分離到.css文件，並通過類瞄準他們

<html> 
<head> 
<link rel="stylesheet" type="text/css" href="/foundation3/stylesheets/foundation.css"/> 
</head> 
<body> 
<div class="row"> 
    <div class="six columns"> 
    <div style="height:6em; width:5em;"> 
      <!-- my block --> 
    </div> 
    </div> 
    <div class="six columns"> 
    <div style="height:6em; width:5em;"> 
      <!-- my block --> 
    </div> 
    </div> 
</div> 
</body> 
</html>

注：我還沒有宣佈DOCTYPE在這裏 - 這是準系統。它確實工作我已經在Firefox和Chrome中測試過它。只是說它不起作用是沒有幫助的OP

來源

2012-07-01 08:31:53

對不起，這是我的代碼中的一個錯字。即使當我從=改變它：設置得到相同的結果 –

CSS3框架，創建指定高度的中心內容區域

回答

相關問題