下面圖解web 前端DIV相關(guān)編程實(shí)例；

為清晰，把body背景色設(shè)置為MediumSeaGreen；

左邊代碼；右邊效果；

一 邊框相關(guān)

實(shí)線，1像素寬，紅色的邊框；

3像素寬；

虛線框；

黑色，5像素寬，實(shí)線；

上邊框；

下邊框；

二 內(nèi)容超出DIV的處理

div中的文字；

內(nèi)容超出的默認(rèn)情況；

overflow:auto；內(nèi)容超出，出現(xiàn)滾動(dòng)條；

內(nèi)容超出隱藏；

word-break:break-all；換行；

第一個(gè)p中的超出的B被換到下一行；

三 DIV中內(nèi)容對(duì)齊

左對(duì)齊；

右對(duì)齊；

居中對(duì)齊；

四 js獲取div內(nèi)容

總結(jié)

以上是生活随笔為你收集整理的图解DIV相关编程实例的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。