<!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=gb2312" /><title>test</title><style type="text/css">*{ margin:0; padding:0;}img{ border:none;}.picbox{ float:left; width:980px;}.picbox a{float:left; border:1px solid #FFF;margin:5px 3px 0 2px; display:inline; white-space:nowrap;}.picbox a:hover{ border-color:#CCC;}</style></head><body><div class="picbox"> <a href="" target="_blank" style="float:right"><img src="http://pic5.nipic.com/20100223/3690856_224956041666_2.jpg" width="244" height="419" /></a> <a href="" target="_blank" style="float:right"><img src="http://pic5.nipic.com/20100223/3690856_224956041666_2.jpg" width="479" height="206" /></a> <a href="" target="_blank"><img src="http://pic5.nipic.com/20100223/3690856_224956041666_2.jpg" width="236" height="206" /></a> <a href="" target="_blank"><img src="http://pic5.nipic.com/20100223/3690856_224956041666_2.jpg" width="236" height="206" /></a> <a href="" target="_blank"><img src="http://pic5.nipic.com/20100223/3690856_224956041666_2.jpg" width="236" height="206" /></a> <a href="" target="_blank"><img src="http://pic5.nipic.com/20100223/3690856_224956041666_2.jpg" width="236" height="206" /></a></div></body></html>
Alas, I solved it myself, just add a span tag to the first two pictures and it will be fine
Who will pick up the score?
This is really cool. .
Floating line breaks under IE6 can most of the time be solved by setting the width
I think it is enough to change the width to 982px under IE6, which is also a method~
http://www.busfly.net/post/CSS-IE6-IE7-FF.html
Recommend one. . . ?,,,