<div><span style="font-size: 24px; color: #ff0000; background-color: #fffaa5;">offset</span> <span style="font-size: 19px;">- </span><span style="font-size: 19px;">等同於排版時的margin-left，可用來調整Grid的位置。</span> <div><span style="font-size: 19px;"> </span></div> <div><span style="font-size: 19px;">範例介紹：</span></div> <div><img src="file:///C:/Users/user/AppData/Local/Temp/enhtmlclip/1(2).jpg" alt="" width="600" /></div> <div> </div> <div><img title="1" src="https://pimg.1px.tw/chlntng129/1415240733-201022316.jpg" alt="1" width="600" border="0" /> <br /> <div><span style="font-size: 19px;"> <img title="2" src="https://pimg.1px.tw/chlntng129/1415240748-4282665801.jpg" alt="2" width="600" border="0" /> </span></div> <div><span style="background-color: #fffaa5; font-size: 24px;"><span style="color: #ff4635;">pull＆</span></span><span style="background-color: #fffaa5; font-size: 24px;"><span style="color: #ff4635;">push</span></span> <span style="font-size: 19px;">- 若是要有左右交換的情境時，使用的方式會是利用pull&push</span></div> <div> </div> <div><span style="font-size: 14pt;">範例介紹 </span></div> <div> </div> <div><img src="file:///C:/Users/user/AppData/Local/Temp/enhtmlclip/3(2).jpg" alt="" width="600" /></div> <div><span style="font-size: 19px;"> </span></div> <div><span style="font-family: 微軟正黑體; orphans: 2; text-align: -webkit-auto; widows: 2; font-size: 19px;"><img title="3" src="https://pimg.1px.tw/chlntng129/1415240763-817648811.jpg" alt="3" width="600" border="0" /></span></div> <div><span style="font-family: 微軟正黑體; orphans: 2; text-align: -webkit-auto; widows: 2; font-size: 19px;"><img title="4" src="https://pimg.1px.tw/chlntng129/1415240763-3174580031.jpg" alt="4" width="600" border="0" /> </span></div> </div> </div>
網頁製作 (6)