📄 floateg-desc.html
字号:
<!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 + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -