图解DIV相关编程实例
生活随笔
收集整理的這篇文章主要介紹了
图解DIV相关编程实例
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
下面圖解web 前端DIV相關(guān)編程實例;
為清晰,把body背景色設(shè)置為MediumSeaGreen;
左邊代碼;右邊效果;
一 邊框相關(guān)
實線,1像素寬,紅色的邊框;
3像素寬;
虛線框;
黑色,5像素寬,實線;
上邊框;
下邊框;
二 內(nèi)容超出DIV的處理
div中的文字;
內(nèi)容超出的默認情況;
overflow:auto;內(nèi)容超出,出現(xiàn)滾動條;
內(nèi)容超出隱藏;
word-break:break-all;換行;
第一個p中的超出的B被換到下一行;
三 DIV中內(nèi)容對齊
左對齊;
右對齊;
居中對齊;
四 js獲取div內(nèi)容
總結(jié)
以上是生活随笔為你收集整理的图解DIV相关编程实例的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 体感(Kinect)开发要点总结一
- 下一篇: jquery $.each()函数编程实