float
設定文字流向是朝向物件的哪一邊。
語法
{ float: sFloat }
可能的值
sFloat
指定或接收下列其中一個值的字串:
none |
預設值。物件會顯示在文字中出現的位置。 |
left |
文字的流向會朝向物件的右側。 |
right |
文字的流向會朝向物件的左側。 |
此屬性有預設的 none 值。這不是繼承屬性。
備註
使用 left 或 right 值時,物件會被視為區塊層級物件,也就是會忽略 display 屬性。例如,浮動段落允許段落在網頁中並排顯示。
接在浮動物件後面的物件會移至相對於浮動物件的位置。
浮動物件會向左或向右移動,直到到達另一個區塊層級物件的框線、邊框或邊界。
DIV 與 SPAN 物件必須先設定寬度後,才能呈現 float 屬性。
範例
此範例顯示 float 屬性如何影響文字的流向。sphere 影像會在文字的左側浮動,而 cone 則會在右側浮動:
<img src="sphere.jpg" style="float:left">
<img src="cone.jpg" style="float:right">
標準資訊
此屬性是在階層式樣式表 (CSS) 層級 1 (CSS1) (英文) 中定義。
適用於
A、ADDRESS、APPLET、B、BIG、BLOCKQUOTE、BUTTON、CENTER、CITE、CODE、CUSTOM、DD、DEFAULTS、DFN、DIV、DL、DT、EM、EMBED、FIELDSET、FORM、HN、HR、I、IFRAME、IMG、INPUT TYPE=BUTTON、INPUT TYPE=CHECKBOX、INPUT TYPE=FILE、INPUT TYPE=IMAGE、INPUT TYPE=PASSWORD、INPUT TYPE=RADIO、INPUT TYPE=RESET、INPUT TYPE=SUBMIT、INPUT TYPE=TEXT、LI、OBJECT、OL、P、RT、RUBY、S、SELECT、SPAN、SUB、TABLE、TT、U、UL、VAR、XMP