[問題] 區塊如何置中

作者: ksyia (ksyia)   2015-08-12 08:08:33
不知道為什麼 總覺得這個問題很像很簡單
但是我就是做不出來,所以只好上來求救 TnT
以下是問題的示意圖(畫面較小時)
http://imgur.com/CslvDbU
左方是目前的畫面,預計做成右方的畫面
螢幕寬時 會從2個變到3個 4個 5個 ....但,都要置中
如下圖
http://imgur.com/ABrvhAl
因為沒有免費空間可以放,所以只能RAR檔
檔案位置:http://0rz.tw/nEmQb
不知道我的問題有沒有明確的說清楚@@"
拜託強者各位求我了~先謝過 <(_ _)>
目前寫法是
<div id="service_content">
<div id="service_row">
<a class="service_item" href="service_implant.htm">
<a class="service_item" href="#">
<a class="service_item" href="#">
<a class="service_item" href="#">
<a class="service_item" href="#">
<a class="service_item" href="#">
</div>
</div>
CSS部份:
#service_content {
color: #000;
text-align: center;
}
#service_row {
display: inline-block;
margin: 0 auto;
text-align: left;
}
.service_item {
display: inline-block;
margin: 0 15px 25px;
text-align: center;
}
作者: tracetw (((o(*゚▽゚*)o)))   2015-08-12 09:04:00
全部在用一個div包起來
作者: dv2001 (dv)   2015-08-14 22:31:00
margin左右要設auto,外層div設百分比或內層div的總合
作者: ksyia (ksyia)   2015-08-16 10:20:00
謝謝d大!!

Links booklink

Contact Us: admin [ a t ] ucptt.com