DIV+CSS,如何实现两列显示?

用DEDECMS建了一个分类信息网,就是无法实现两列显示。在DEDECMS官方上问了半个月无一位同志愿意回答,郁闷了。。。。实在没办法,就跑来这里求高手们解答了。谢谢<tableclass="wrtlp...展开




拉风的咖菲猫
浏览 994回答 2
2回答

慕运维8079593

DIV+CSS,实现两列显示,我们只需要写好3个div,一个总的div包裹着其他的2个,然后在分别设置好他们宽高,在使用一个margin让他们有个间隔,margin 的用法,如图:最好是在加一个border便于我们观察,具体看代码:<html><head><style>#div1{ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;width:600px;height:200px;font-size:13px;}#div1 .img{width:600px;height:200px;}#div1 .wenzi{width:600px;height:200px;margin-top:10px;}</head><body><div id='div1'><div class='img'><p>测试文字1</p></div><div class='wenzi'><p>测试文字2</p></div></div></body></html>

largeQ

<ul><li></li><li></li></ul>设置css时,li的float:left;再给它合适的宽度,就行了。试试就能行,争争就能赢!
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

CSS3