1

我有 div 大小和浮动问题。当我有小文本时没关系：
查看图像
但看看当我有大文本时会发生什么
查看图像

HTML：

<div class="news">
    <div class="img">
        <img src="url">
    </div>
    <div class="wrap">
        <div class="title">TITLE</div>
        <div class="text">TEXT</div>
    </div>
</div>

CSS：

.news{
    float:left;
    padding:5px 5px 2px 5px;
    margin-bottom:10px;
}
.news > .img{
    float:left;
    width:75px;
    margin-right:5px;
}
.news > .img > img{
    height:75px;
    width:75px;
}
.news > .wrap{
    float:left;
}
.news > .wrap > .title{
    font-size:14px;
}
.news > .wrap > .text{
    text-align:justify;
}

请帮忙..

4

4 回答 4

0

给出正确的宽度换行 div

或者

在新闻 div 上给出 100% 的宽度

于 2012-04-21T07:43:30.343 回答
0

本教程应该会有所帮助：

http://www.monkeydoit.com/wrap-text-images-css.php

于 2011-04-26T03:10:47.407 回答
0

您必须为.wrap容器设置宽度。

于 2011-04-26T03:10:58.890 回答
0

尝试 ：

.news {
    float:left;
    padding:5px 5px 2px 5px;
    margin-bottom:10px
}
.news .img {
    float:left;
    width:75px;
    margin-right:5px;
}
.news .wrap .title { font-size:14px; }
.news .wrap .text { text-align:justify; }
于 2011-04-26T03:16:40.263 回答