看1级片

<form id=AfNFovhOf><nobr id=AfNFovhOf></nobr></form>

<address id=AfNFovhOf><nobr id=AfNFovhOf><nobr id=AfNFovhOf></nobr></nobr></address>

0

RWD+DIV 置中問題

rwd div

student 2018-07-13 14:14:44 ? 4226 瀏覽

分享至

小弟在研究 RWD 裡的 DIV 置中
上網研究了下，實在是搞不太懂方向

還請前輩指點，想做的範例如下圖
DIV包DIV，以及這種網頁有辦法直接在上面看CSS是怎麼寫的嗎？

/upload/images/20180713/20077228bMhsem2u3Q.png

http://www.alloyteam.com/

謝謝

登入發表討論

熱門推薦

{{ item.subject }}

{{ item.channelVendor }} | {{ item.webinarstarted }} |

{{ formatDate(item.duration) }}

直播中

4 個回答

0

跟著鄉民看熱鬧

iT邦高手 1 級 ? 2018-07-13 14:19:33

使用chrome瀏覽器，按下F12，操作請參考以下方式：
https://developers.google.com/web/tools/chrome-devtools/inspect-styles/?hl=zh-tw

另外div包div置中，如下列第三個範例：
http://www.oxxostudio.tw/demo/201501/css-flexbox-demo3.html

回應 2
分享
檢舉

student iT邦新手 2 級 ? 2018-07-13 16:56:50 檢舉

您好，我研究看看謝謝

請問有　div包div + RWD排列的範例嗎？　我主要是找這組合
DIV包DIV我有Google到一些資料

跟著鄉民看熱鬧 iT邦高手 1 級 ? 2018-07-13 17:11:19 檢舉

你把div加上bootstrap的class, 就是div包div + RWD了

登入發表回應

0

froce

iT邦大師 1 級 ? 2018-07-13 14:44:08

...他們用的就是bootstrap啊。
搞不懂RWD就去學bootstrap。就這樣。

回應 1
分享
檢舉

student iT邦新手 2 級 ? 2018-07-13 16:50:46 檢舉

您好，我研究看看謝謝

登入發表回應

0

居然解出來了

iT邦好手 1 級 ? 2018-07-13 17:26:01

請參考 bootstrap :
https://learnprogramming.gitbook.io/program/

<div class="container">
  <div class="row justify-content-center">
      <div class="col ">放入你的內容</div>
      <div class="col ">放入你的內容</div>
      <div class="col ">放入你的內容</div>
  </div>
</div>

回應
分享
檢舉

登入發表回應

0

thevid

iT邦新手 5 級 ? 2018-12-24 12:31:49

chrome裝presticde + 配合f12

回應
分享
檢舉

登入發表回應

我要發表回答

立即登入回答

參賽組數

219 組

團體組數

8 組

累計文章數

907 篇

最後報名日

9/15

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙

HoME 看1级片