floateg-desc.html
来自「CSS lets learn this step by step...」· HTML 代码 · 共 34 行
HTML
34 行
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html lang="en"> <head><meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1"> <title>Long description of float and text flow example</title> </head> <body> <h1>Long description of float and text flow example</h1><P>This diagram illustrates how text flows around a float, and inparticular, how line boxes of content alongside a float are shortenedto make room for the float box (including margins). The HTML sourceof the example precedes the image. In the source document, a BODYelement contains a P that contains a left-floated IMG.<P>The top of the illustration reads "max (BODY margin, P margin)"to indicate that vertical margins collapse. However, the IMG marginis not involved with this calculation since the IMG is floated.<P>At the left side of the illustration, the left margins of BODY,P, and IMG do not collapse (horizontal margins don't collapse).<P>The paragraph text flows along the right side of the IMG,starting at the top and to the right of its right margin.When the text reaches the bottom of the IMG bottom margin,it continues as it would normally within a P element. Thus,line boxes alongside a float are shortened.<P><a href="../../visuren.html#img-floateg">Return to image.</a> </body></html>⌨️ 快捷键说明
复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?