1

画像の周りにテキストをラップしようとしていますが、成功しません。

 <span>Zion Church</span>
    <div><a href="#"><img src="member.jpg"  width="" height="" class="floatleft"></a>
      jffhuhjherwkhrewkhurewyurewyretyunuyrkwugrnhky
      </div>

       img.floatleft {
       float: left;
       margin-left: 15px;
        }
4

2 に答える 2

1

「jffhuhjherwkhrewkhurewyurewyretyunuyrkwugrnhky」という単語は長すぎて画像の横に収まらないため、下に移動します。単語を強制的に分割したい場合はword-break: break-all、コンテナ要素の CSS に追加してみてください。

于 2012-08-18T18:59:09.667 に答える
0 
<style type="text/css">
a.imagelink {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
</style>

<span>Zion Church</span>
<div><a href="#" class="imagelink"><img src="member.jpg"  width="" height="" class="floatleft"></a> jffhuhjherwkhrewkhurewyurewyretyunuyrkwugrnhky </div>
于 2012-08-18T18:59:45.553 に答える