|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
说实话,我并不是反对div+CSS,但物生一利,必生一弊,div+css的利处大家说了很多,我就说说狂热的追求div+css的几个弊端:
自己写的一个分页款式,原本想研讨当li被浮动后怎样居中的成绩,但了局不睬想,以是如今先把这个给收回来吧,在IE和FF下测试经由过程:
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>分页款式www.ckuyun.com</title><styletype="text/css">*{margin:0;padding:0;}body{font-size:12px;font-family:Verdana;}a{color:#333;text-decoration:none;}ul{list-style:none;}#pagelist{width:600px;margin:30pxauto;padding:6px0px;height:20px;}#pagelistulli{float:left;border:1pxsolid#5d9cdf;height:20px;line-height:20px;margin:0px2px;}#pagelistullia,.pageinfo{display:block;padding:0px6px;background:#e6f2fe;}.pageinfo{color:#555;}.current{background:#a9d2ff;display:block;padding:0px6px;font-weight:bold;}</style></head><body><divid="pagelist"><ul><li><ahref="#">首页</a></li><li><ahref="#">上页</a></li><li><ahref="#">1</a></li><li><ahref="#">2</a></li><liclass="current">3</li><li><ahref="#">4</a></li><li><ahref="#">5</a></li><li><ahref="#">下页</a></li><li><ahref="#">尾页</a></li><liclass="pageinfo">第3页</li><liclass="pageinfo">共8页</li></ul></div></body></html>
尺度之路www.ckuyun.com提醒:能够先修正部分代码后再运转
通常把清除浮动写成单独的
放在所有浮动div的最下方。 |
|