前几天工作的时候遇到在div中图片无法居底部对齐的问题,暂时用了position属性可以解决。以下是参考。如果大家有更好的方法,还望不吝赐教。
<!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>无标题文档</title> <style type="text/css"> .cssTest{
height:300px; width:300px; text-align: left; position:relative
} .cssTest p{ position:absolute; bottom:0px; padding:0px; margin:0px } </style>
</head>
<body> <div class="cssTest"><p><img src="4.jpg" width="100" height="100" /></p></div> </body> </html>