Float

3496 ワード
CSS テキストリンク

Float


floatプロパティは、通常、画像に使用されます.画像を左または右に浮動させると、画像の後ろの文字列が画像の周りに表示されます.HTMLでは、文字列を画像の横に置くと常に1行しか表示されず、残りは画像の下に置くことで、Webレイアウトを整理することもできます.すべての要素に適用され、初期値はnoneで、継承されません.
<p><span class='first_text'>W</span> ith this property you can emphasize the first letter. In the paragraph above, the first letter of the text is embedded in a span element.</p>
.first_text{
    float: left;
    font-size: 200%;
  line-height: 80%
}

フローティングアトリビュートの制御(Control Float Attributes)


floatプロパティを使用すると、他の要素がその要素の空き領域に入ります.これを制御するには、clearプロパティを使用します.たとえば、特定の画像の後に表示されるタグの両側のfloatプロパティを削除する場合は、clearプロパティを付与します.
<img src="image.gif" width="100" height="130">
<p> This is a normal text. </p>
<p class="clear"> This is another text. </p>
img {
    float: left;
}
p.clear{
    clear: both;
}
左側のfloatプロパティのみを削除する場合は、clear:left;を選択します.右側のfloatプロパティのみを削除する場合は、clear:rightを選択します.宣言すればいい.Absoluteプロパティを使用すると、floatプロパティは無視されます.
[JavaScript ES 6+]ES 6での巡回およびアプレットプロトコル
sympyのdsolve関数