Mfano wa CSS float

定义和用法

float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动。浮动元素会生成一个块级框,而不论它本身是何种元素。

Kama inatumiwa kinaelekezo cha kinaelekezo cha kinaelekezo, inahitaji uangalifu wa upana wa kinaelekezo; inavumilia upana wa kinaelekezo kama inavyotumika.

Mawachukuzi:Kama inapokaa vifikia vidogo sana kwenye ukurasa kufikia kinaelekezo cha kinaelekezo cha kinaelekezo, kinaelekezo kinaingia katika ukurasa mwingine, hivyo mpaka ukurasa fulani inapokaa na vifikia vya kufikia kinaelekezo.

Tazama pia:

Mafunzo ya CSS:Tumia kifungu cha CSS:

Mafunzo ya HTML DOM ya kielekezo:Tabia ya cssFloat

Mfano

Ongeza picha kwenye kati ya nchi ya kimaombi:

img
  {
  float:right;
  }

Mfano wa kusafiri

Inayotumika kiini cha kiungo cha CSS:

float: none|left|right|initial|inherit;

Wapya wa tabia

Wapya Maelezo
left Inakataa kwenye nchi ya kimaombi.
right Inakataa kwenye nchi ya kimaombi.
none Wapya. Inayojifunza kwa ukurasa, inapakia katika nchi ambayo inapotukia katika matukio.
inherit Inasababisha kwamba tabia ya float inapokea thamani kutoka kwa kinaelekezo cha kinaelekezo cha kinaelekezo.

Vifaa vya teknolojia

Wapya: none
Uangalifu: no
Makusanyiko: CSS1
Inayotumika kiini cha kiungo cha JavaScript: object.style.cssFloat="left"

Mfano wa kusafiri

Matumizi ya kifungu cha float kusitha
Kumengenia picha kwenye kati ya ukurasa ya msingi
Kumengenia picha na mkono na jengo kwenye kati ya ukurasa ya msingi
Kumengenia picha kwenye kati ya ukurasa ya msingi. Ongeza mkono na jengo la kati.
Picha na kichwa kwenye kati ya ukurasa
Kumengenia picha na kichwa kwenye kati ya ukurasa
Kumengenia heri ya kwanza ya kileo kwenye kati ya ukurasa
Kumengenia heri ya kwanza ya kileo kwenye kati ya ukurasa na kuongeza muundo wa heri hiyo.
Kumengenia menyu ya miringu
Tumia mtafiti na viungo vya kichwa vya kwanza kuwaania menyu ya miringu.
Kumengenia ukurasa wa kwanza bila tabia za mtandao
Tumia mtafiti kuwaania ukurasa wa kwanza ambao una kichwa cha ukurasa, misingi wa ukurasa, kikaa cha chini na kijumuia cha msingi.

Matumizi ya kifungu cha mtafiti

Mwaka wa tabia za mifano inaonesha mifano ya kwanza ambayo inasimamia tabia hii kwa programu ya kuhifadhi hifadhi ya wengi.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 7.0