4 Responses

  1. Chris
    Chris 2013/08/05 at 16:36:55 | | Reply

    您好!
    在網路上搜尋到您的部落格文章解說DIV的語法
    讓我受益良多

    我想請教一下
    如果要做到外層div不限寬度100%並有背景延伸
    而內層DIV的內容要做到不是單純水平置中
    而是不管視窗如何縮放都永遠水平置中
    請問要怎樣去寫呢?
    我畫了示意圖如下 https://docs.google.com/file/d/0B7zqOdLwKq3maXZHNzNzMzBoTnc/edit?usp=sharing

    因為使用置中元素高度的一半的話
    就一定要限制寬度
    變成無法讓背景延伸
    研究了好久
    所以想跟您請教一下
    謝謝!

    1. 囧工程
      囧工程 2013/08/10 at 14:41:38 | | Reply

      你想要的結果是這樣嗎?

      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      <html xmlns="http://www.w3.org/1999/xhtml">
      <head>
          <style type="text/css">
              .d1
              {
                  background-color:Red;
                  display:block;
              }   
              .d2
              {
                  position:relative;
                  background-color:Blue;
                  width:1000px;
                  margin-left:-500px;
                  left:50%;            
                  display:block;
              }
          </style>
      </head>
      <body>
          <div class="d1">
              <div class="d2">測試<br />測試<br />測試<br />測試<br />測試<br />測試<br />測試<br />測試<br />測試<br />測試<br />測試<br />測試</div>
          </div>
      </body>
      </html>
      
  2. UI 設計 | Pearltrees
    UI 設計 | Pearltrees 2013/12/12 at 11:49:47 |

    […] 如何讓文字或圖片元素在區塊(Div)中置中 […]

    1. 囧工程
      囧工程 2014/02/21 at 11:36:01 | | Reply

      center會比較快喔,使用CSS對齊就要看實際狀況才知道。

Leave a Reply

Powered by sweet Captcha