Board logo

標題: [注意] 趁還記得 寫下作為日後參考。 [打印本頁]

作者: yyhero18net     時間: 2005-10-6 02:09 PM    標題: [注意] 趁還記得 寫下作為日後參考。

趁還記得 寫下作為日後參考。

2020-9-5更新
2005年建壇至今 居然已有十五年寫網頁經驗
到現在才寫下心得 不算寫得太遲吧

注意:演示效果會因各瀏覽器的支援情況而有所不同,貼內一切的演示效果以原圖為準,謝謝。

演示效果:由於模擬屏幕 320 x 200 是置中的
令目標素材就算沒加入置中參數也會置中排列
所以反而需在沒設排列的目標素材中加入text-align: left;才出文字靠左的效果
記著:div中沒設width就是全屏 沒設排列 無論文字或div默認都是靠左往下排列
例如:[分享] 單一div默認向左排列 模擬屏幕沒置中後的分別
演示:模擬屏幕 320 x 200,如果x4=?
目標素材1
目標素材2
目標素材3
CODE:  [Copy to clipboard]
<div style="width:100px;border: 3px solid red;">目標素材1</div>
<div style="width:200px;border: 3px solid white;">目標素材2</div>
<div style="border: 3px solid yellow;">目標素材3</div>
貼內的紅黃白邊框只是方便演示效果 框內元素可以是連接 圖片或視頻 去除div內border參數即可。

另外:各div內參數也可建成css文件 利用div class=直接引用也可。





歡迎光臨 YyHero18Net 首頁 (http://www.yyhero18net.com/yyhero18net/) Powered by Discuz! 2.5