要麻烦大家看下效果了, 一个DIV内放了图片,DIV的线和图片的连接的很紧,在后加了文字之后下面就出先空隙。 有什么办法来解决呢? <div style="border:1px solid #000;"><img src="img/AD.gif" width="501" height="200" alt="ad" /></div> <div style="border:1px solid #000;"><img src="img/AD.gif" width="501" height="200" alt="ad" /><a>aaaaaaaaaaa</a></div>
绝对底部对齐。 HTML: <div style="border:1px solid #000;"><img src="img/AD.gif" width="501" height="200" alt="ad" align="absbottom" /><a>aaaaaaaaaaa</a></div> 不过我还不太确定这个属性是否为标准的,你可以自行校验。
这样写不好吗? <div id="frame"> <p><img src="" alt="none" /></p> <p>Text</p> </div> #frame { border: 1px solid #000; height: 200px; } #frame p { float: left; } #frame p img { height: 200px; width: 501px; }