<div id="main"> <div class="content"> 1 </div> <div class="content"> 2 </div> <div class="content"> 3 </div> <div class="content"> 4 </div> <div class="content"> 5 </div> <div class="content"> 6 </div> <div class="content"> 7 </div> <div class="content"> 8 </div> <div class="content"> 9 </div> </div> 设定main和content的宽度 main宽=content宽*9 如果content有边框还得再加上:边宽宽度*18 这样就可以每行三个 第四个自动换行
用 ul 或者 dl 都可以。 如果使用 ul ,总宽度一定,每个 li 宽度占 1/3,会自动换行显示,你显示 9 个,那就是三行三列了。 参考:http://www.purewhite.cn/demo/OurSite/default.html
好像能解决我的问题哦`~ 谢谢小林~~ 1.在CSS里怎么写才能实现每行显示两列呢? <DIV CLASS="ABC"> <UL> <LI>下马饮君酒,</LI> <LI>问君何所之。</LI> <LI>君言不得意,</LI> <LI>归卧南山陲。</LI> <LI>但去莫复闻,</LI> <LI>白云无尽时。</LI> </UL> </DIV> 也就是实现LAOGUI的: http://www.chinahtml.com/netnews/1/ LAOGUI说说过几次这样的问题了,偶找不到! 2.在CSS+DIV里,怎么固定内容页的宽度呀? 现在一有大的图片都给撑大了,在TABLE里用:style="TABLE-LAYOUT: fixed; WORD-WRAP: break-word" 可以解决,在DIV里不知道! 能帮解决下第二个问题吗?谢谢`