日韩av黄I国产麻豆传媒I国产91av视频在线观看I日韩一区二区三区在线看I美女国产在线I麻豆视频国产在线观看I成人黄色短片

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 >

各种DIV布局单元

發布時間:2025/4/14 40 豆豆
生活随笔 收集整理的這篇文章主要介紹了 各种DIV布局单元 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

? ? 下面我們來看小兔子,學網頁布局;

一 網頁文字搭配

1 左圖右文字


2 右文字左圖



3 上圖下文字



4 文字環繞圖片



二 代碼

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>圖文布局</title> <head> </head><body><div id="container" style="width:900px;height:436px;"><div id="leftimg" style="width:500px;height:436px;float:left;"><img src="img/99.jpg" alt=""/></div><div id="content" style="width:400px;height:436;float:left"><br /><br /><br /><p>好好吃的胡蘿卜;好好吃的胡蘿卜;好好吃的胡蘿卜;</p><p>好好吃的胡蘿卜 好好吃的胡蘿卜;好好吃的胡蘿卜;</p><p>好好吃的胡蘿卜 好好吃的胡蘿卜;好好吃的胡蘿卜;</p><p>好好吃的胡蘿卜 好好吃的胡蘿卜;好好吃的胡蘿卜;</p><p>好好吃的胡蘿卜;好好吃的胡蘿卜;好好吃的胡蘿卜;</p><p>好好吃的胡蘿卜 好好吃的胡蘿卜;好好吃的胡蘿卜;</p><p>好好吃的胡蘿卜 好好吃的胡蘿卜;好好吃的胡蘿卜;</p><p>好好吃的胡蘿卜 好好吃的胡蘿卜;好好吃的胡蘿卜;</p></div></div><!-- 分隔div --> <div style="margin: 0 auto; width:1400px; height:50px;" > </div><div id="container" style="width:1040px;height:462px;"><div id="leftwz" style="width:400px;float:left;"><br /><p>我還這么小,我能吃胡蘿卜么;我還這么小,我能吃胡蘿卜么;</p><p>我還這么小,我能吃胡蘿卜么;我還這么小,我能吃胡蘿卜么;</p><p>我還這么小,我能吃胡蘿卜么;我還這么小,我能吃胡蘿卜么;</p><p>我還這么小,我能吃胡蘿卜么;我還這么小,我能吃胡蘿卜么;</p><p>我還這么小,我能吃胡蘿卜么;我還這么小,我能吃胡蘿卜么;</p><p>我還這么小,我能吃胡蘿卜么;我還這么小,我能吃胡蘿卜么;</p><p>我還這么小,我能吃胡蘿卜么;我還這么小,我能吃胡蘿卜么;</p><p>我還這么小,我能吃胡蘿卜么;我還這么小,我能吃胡蘿卜么;</p></div><div id="content" style="width:640px;height:462;float:left;"><img src="img/95.jpg" width="640" height="460" alt="" /></div></div><!-- 分隔div --> <div style="margin: 0 auto; width:1400px; height:50px;" > </div><div id="container" style="height:600px"><div id="upimg" style="height:424px;"><img src="img/xiaoheitu5-2.jpg" alt=""/></div><div id="content" style="height:170px;"><p>我直立了;我直立行走了;</p><p>我直立了;我直立行走了;</p><p>我直立了;我直立行走了;</p><p>我直立了;我直立行走了;</p><p>我直立了;我直立行走了;</p></div></div><!-- 分隔div --> <div style="margin: 0 auto; width:1400px; height:50px;" > </div><div id="container" style="width:1200px"><div id="leftimg" style="width:510px;float:left;/* background:green; */"><img src="img/xiaohui1.jpg" alt="" width="500" height="375" style="margin-left:5px" /></div><br /> 我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我要吃胡蘿卜;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我要吃胡蘿卜;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我要吃胡蘿卜;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我要吃胡蘿卜;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我要吃胡蘿卜;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我要吃胡蘿卜;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我要吃胡蘿卜;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;我是小灰兔;我是小灰兔兔;</div></body> </html>
代碼不解釋了, 前三個是一個div套2個div; ? 最后一個是一個div套一個div,圖片在內層div, ?文字不用再套div,會自然環繞;



總結

以上是生活随笔為你收集整理的各种DIV布局单元的全部內容,希望文章能夠幫你解決所遇到的問題。

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