CSS div容器寬度

因此，請查看「關於我們」和「聯繫我們」頁面here。CSS div容器寬度

我在讓我的DIV容器正確對齊時遇到了一些困難。我從來沒有使用DIV容器 - 上次我製作了一個基於桌面的網站並使用了Golive！

無論如何，這個問題應該是相當明顯的 - 我想要一個250x250圖像左邊的單詞在圖像的右邊，幷包裝下面（x3）。整個應該集中在頁面中間，最大寬度爲1170像素。我無法弄清楚哪裏出了問題。

同樣在聯繫我們頁面上，我的3個DIV容器是垂直對齊的，而不是跨越屏幕，每個容器佔33％。所有在Dreamweaver實時視圖中看起來都很棒，但在上載後在Chrome中不起作用。

我敢打賭，這是簡單的，但我真的沒有線索！如果有人能指引我正確的方向，我會非常感激。

2016-12-01 Oliver Webster

歡迎來到堆棧溢出，奧利弗！請花些時間閱讀http://stackoverflow.com/help/how-to-ask，並在此處提及您的第一個問題的構成，也請參閱http://stackoverflow.com/help/mcve。 – connexo

*尋求調試幫助的問題（「爲什麼這個代碼不工作？」）必須包含所需的行爲，特定的問題或錯誤以及在問題本身中重現問題所需的最短代碼。沒有明確問題陳述的問題對其他讀者無益。* – connexo

@Oliver在下面檢查我的答案 – Aravind

的問題是在這裏的下面一行HTML

對應航空&汽車的div

<div class="col-xs-6 col-sm-6 col-md-3 templatemo_col12 templatemo_margintop10">

使用該

<div class="row"> 
    <div class="col-xs-6 col-sm-6 col-md-3 templatemo_col12 templatemo_margintop10"> 
     <div class="item project-post"> 
      <div class="templatemo_about_box"> 
       <div class="square_coner"> 
        <span class="texts-a"><i class="fa fa-paper-plane"></i></span> 
       </div> 
       Aviation &amp; Automotive 
      </div> 
      <a href="about-us.html"></a><div class="col-xs-6 col-sm-6 col-md-3 hover-box"> 
       <a href="about-us.html"></a> 
       <div class="inner-hover-box"> 
        <p>Repairs, maintenance and add-ons. We specialise in one-off projects.</p> 
       </div> 
      </div> 
     </div> 
    </div> 
</div>

替換整個DIV

來源

2016-12-01 01:14:43 Aravind

CSS div容器寬度

回答

相關問題