Tuiscint a dhéanamh ar an Maoin Clear CSS

Bhí an mhaoin CSS soiléir mar chuid de CSS ó CSS1. Ligeann sé duit na gnéithe a snámháil in aice leis an eilimint ghlanta agus ar an taobh (í) a shonrú. Tá cúig luachanna féideartha ag an maoin shoiléir:

Conas Maoine soiléir CSS a úsáid

Is é an bealach is coitianta chun an mhaoin shoiléir a úsáid tar éis duit maoin snámhphointe a úsáid ar ghné. Mar shampla:

Téacs in aice le mo íomhá.

Téacs atá faoi bhun mo íomhá.

Na heilimintí go léir a mhainneachtain soiléir: none; , mar sin más rud é nach mian leat gnéithe eile a shnámh in aice le rud éigin, ní mór duit an stíl shoiléir a athrú.

Nuair a bhíonn tú ag glanadh snámhphointe, coinníonn tú do chuid soiléir le do snámhphointe. Mar sin, má d'fhill tú an eilimint ar chlé, ansin ba chóir duit an taobh clé a shoiléiriú. Leanfaidh d'eilimint snámh ar aghaidh ag snámhphointe, ach beidh an eilimint ghlanadh agus gach rud ina dhiaidh sin le feiceáil thíos ar an leathanach gréasáin.

Má tá na heilimintí atá ag snámh leis an gceart agus ar an taobh clé, is féidir leat aon taobh amháin a shoiléiriú nó is féidir leat iad a ghlanadh.

Ag baint úsáide as soiléir i Leaganacha

Is é an bealach is coitianta a úsáideann an chuid is mó de na dearthóirí an mhaoin shoiléir i leagan amach eilimintí an leathanaigh . D'fhéadfá íomhá a bheith ag snámh taobh istigh de bhloc téacs agus ba mhaith leat an chéad mhír eile a thosú faoi bhun an íomhá, nó d'fhéadfadh go mbeadh colún téacs ar fad agat ar mian leat snámh in aice le bun téacs eile, le téacs áirithe le feiceáil thíos.

Seo an HTML le haghaidh leagan amach sa bhfoirm seo.

Tá ceann amháin coimeádán ag gabháil le ceann eile atá ar an taobh clé.



Div gearr flóite



Ábhar laistigh den rannán coimeádáin a bheidh ar dheis an div floated.

Oibreoidh sé seo go breá, leis an div níos giorra ag snámh ar chlé an chuid eile d'ábhar an phríomh-div.

Is féidir leat an téacs a ghlanadh in aice leis an mbosca flóthaithe trí chlib a chur leis ach más mian leat é a scríobh faoin mbosca folctha.

Ach tagann an fhadhb nuair a bhíonn an bosca folctha níos faide ná an t-ábhar atá in aice leis. Ansin, de réir mar a fheiceann tú, ní dhéantar dath cúlra an bhosca is mó a shocrú go dtí bun an bhosca.

Go fortunately, is bealach éasca é seo a shocrú: an mhaoin. Trí bhosca príomhshuite a shocrú le huas-sreabhadh: uathoibríoch; Fanfaidh an dath cúlra in aice leis an mbosca níos faide ar an mbonn, mar a thaispeántar san sampla seo .