下面圖解web 前端DIV相關編程實例；

為清晰，把body背景色設置為MediumSeaGreen；

左邊代碼；右邊效果；

一 邊框相關

實線，1像素寬，紅色的邊框；

3像素寬；

虛線框；

黑色，5像素寬，實線；

上邊框；

下邊框；

二 內容超出DIV的處理

div中的文字；

內容超出的默認情況；

overflow:auto；內容超出，出現滾動條；

內容超出隱藏；

word-break:break-all；換行；

第一個p中的超出的B被換到下一行；

三 DIV中內容對齊

左對齊；

右對齊；

居中對齊；

四 js獲取div內容

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。