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

このチュートリアルは役に立つはずです:

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 に答える
0

正しい幅のラップ div を指定します

また

ニュース div の幅を 100% にする

于 2012-04-21T07:43:30.343 に答える