1. 论坛系统升级为Xenforo,欢迎大家测试!
    Dismiss Notice

div内的一个小问题。

Discussion in '前端开发' started by shangjay, Feb 27, 2006.

  1. shangjay

    shangjay New Member

    Joined:
    Jan 13, 2006
    Messages:
    3,530
    Likes Received:
    15
    要麻烦大家看下效果了, 一个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>
     
  2. yjlrwmqj

    yjlrwmqj New Member

    Joined:
    Sep 6, 2005
    Messages:
    112
    Likes Received:
    1
    控制好大小嘛
     
  3. 不学无术

    不学无术 Ulysses 的元神

    Joined:
    Aug 31, 2005
    Messages:
    16,714
    Likes Received:
    39
    文本是有行高的,而且也要结合图片的对齐方式来考虑。

    :)
     
  4. shangjay

    shangjay New Member

    Joined:
    Jan 13, 2006
    Messages:
    3,530
    Likes Received:
    15
    我是刚刚才开始用 DIV+CSS来做模板的, 谁指点一下
     
  5. shangjay

    shangjay New Member

    Joined:
    Jan 13, 2006
    Messages:
    3,530
    Likes Received:
    15
    希望有人能小小提示一下。
     
  6. Ulysses

    Ulysses New Member

    Joined:
    Feb 5, 2006
    Messages:
    10,018
    Likes Received:
    16
    绝对底部对齐。

    HTML:
    <div style="border:1px solid #000;"><img src="img/AD.gif" width="501" height="200" alt="ad" align="absbottom" /><a>aaaaaaaaaaa</a></div>
    不过我还不太确定这个属性是否为标准的,你可以自行校验。
     
  7. Zooyiy

    Zooyiy New Member

    Joined:
    Jan 12, 2006
    Messages:
    8
    Likes Received:
    1
    这样写不好吗?

    <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;
    }