lt！居中层ltdiv id=quotmainquot lt！顶层ltdiv id=quottopquotltdiv lt！导航层ltdiv id=quotmenuquotltdiv lt！内容外层ltdiv id=quotcontentquot lt！左ltdiv id=quotleftbarquotltdiv。

ul，li，div，span，td padding0 margin0 #top width1200px height auto margin0 auto color#FFF #logo width100%。

documentreadyfunction #btn#newDivnewhtml 点击“新建页面”进行添加2基于纯js代码的嵌套Html代码buttontype=buttonid=btnonClick=javascriptload_home 确认 functionload_home documen。

lt！DOCTYPE html lthtml lthead ltmeta charset=quotUTF8quot lttitlelttitle ltstyle type=quottextcssquot margin 0padding 0 bodywidth1012px div width 300pxheight 300pxborder 2px solid #。

先给你写一套代码，之后再来解释哈css部分aa display flex 使用flex布局，可以轻易获得水平布局 alignitems center 垂直方向居中 justifycontent center 水平方向居中 height 200px。

ltdiv ltdiv class=quotimagequot ltimg src=quotimage3jpgquot alt=quotImage 3quot ltdiv class=quotcaptionquot图片3ltdiv ltdiv ltdiv ltp这里是文字说明ltp ltbody lthtml 在上面的示例代码中，使用了Flex布局。