會員:
yyhero18net
編號: 0000002
頭銜: 壇主
帳號: VIP永久會員
積分: 1950173998
貢獻: 1032
發帖: 65535
注冊: 2005-4-27 狀態: 离線
性別: (
男 Male
)
贊助網站載入中...
|
#1
本貼發表於 2005-10-6 02:09 PM |
標題: [注意] 趁還記得 寫下作為日後參考。 |
贊助網站載入中...
贊助網站載入中...
趁還記得 寫下作為日後參考。
2020-9-5更新
2005年建壇至今 居然已有十五年寫網頁經驗
到現在才寫下心得 不算寫得太遲吧
注意:演示效果會因各瀏覽器的支援情況而有所不同,貼內一切的演示效果以原圖為準,謝謝。
演示效果:由於模擬屏幕 320 x 200 是置中的
令目標素材就算沒加入置中參數也會置中排列
所以反而需在沒設排列的目標素材中加入text-align: left;才出文字靠左的效果
記著:div中沒設width就是全屏 沒設排列 無論文字或div默認都是靠左往下排列
例如:[分享] 單一div默認向左排列 模擬屏幕沒置中後的分別
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=直接引用也可。
贊助網站載入中...
※ 所有言論不代表本站立場與本站立場無關,本站不對其內容負上任何責任。※
※ [注意公告] 已進行 統一發表主題的格式,謝謝合作!※
※ [注意公告] 原創貼的發貼要求,謝謝合作!※
|
|