0

imgタグにfloat：leftを適用して、画像の横にテキストを配置する方法を知っていますが、リンクを指定すると、たとえばhref="#"、テキストが画像に貼り付けられない場合、テキストが落ちます。プロジェクトに関する詳細情報を提供するために、<a>タグ内の私のタグ<p>は次のように表示されます。inline-block; imgタグに適用したcssは次のとおりです。 

float:left;
margin-right: 15px;
border:0px;

では、なぜこれが起こっているのでしょうか？<a>タグの間に入れないときと同じように画像を立てたいです。

4

1 に答える 1

2

これfloat: left;は、要素が同じ親内のコンテンツの左側にフロートしていることを意味します。<a></a>タグ内で画像をラップしているため、画像は内のコンテンツの左側にフロートされてい<a>ます。

aの代わりにfloatを適用するとimg、必要に応じて、親aのコンテンツの左側にfloatがフロートされます。

于 2013-03-18T19:26:10.527 に答える