在图片的css中加 vertical-align:bottom;
演示代码：
| 以下是引用片段： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>解决图片下有空隙</title> </head> <body> <style> *{margin:0px;padding:0px;} #l1 {float:left;background:#000;padding:20px;margin:50px;} #l1 ul li {list-style:none;} #l1 ul li img {vertical-align:bottom; display:block;} </style> <div id="l1"> <ul> <li><img src="图片地址1" /></li> <li><img src="图片地址2" /></li> <li><img src="图片地址3" /></li> <li><img src="图片地址4" /></li> </ul> </div> </body> </html> |