Ṣẹda apoti pẹlu ṣiṣan ọrọ nipa lilo CSS ati HTML
Iwe ẹri HTML kan jẹ apoti ti o ṣe afikun awọn ifilo kiri si apa ọtun ati isalẹ nigbati awọn akoonu ti apoti naa tobi ju apoti lọ. Ni awọn ọrọ miiran, ti o ba ni apoti ti o le fi awọn ọrọ 50 wọ, ati pe iwọ ni ọrọ ọrọ 200, apoti ẹyọ HTML kan yoo fi awọn ifilo ti a fi lọ silẹ lati jẹ ki o wo awọn afikun awọn ọrọ 150. Ni HTML ti o fẹlẹfẹlẹ ti yoo tẹ awọn ọrọ afikun ni ita ti apoti naa.
Ṣiṣe ṣiṣan HTML jẹ rọrun rọrun. O kan nilo lati seto iwọn ati giga ti awọn ero ti o fẹ lati yi lọ lẹhinna lo awọn ohun elo CSS ti o kún bomi lati ṣeto bi o ṣe fẹ ki lilọ kiri lọ ṣẹlẹ.
Kini o Ṣe pẹlu Afikun Kikọ?
Nigbati o ba ni awọn ọrọ sii ju ti yoo baamu ni aaye lori ifilelẹ rẹ, o ni awọn aṣayan diẹ:
- Ṣe atunkọ ọrọ naa ki o kuru ju ati pe yoo dara.
- Gba ọrọ naa laaye lati kọja awọn aala ati ki o lero pe ifilelẹ naa le rọ lati ṣe atilẹyin fun.
- Ge awọn ọrọ naa kuro nibiti o ti bomi.
- Fi awọn ifilo ọrọ-ìmọ sii (ni deede inaro fun ọrọ) ki awọn aaye aaye lati fi ọrọ afikun han.
Aṣayan ti o dara ju jẹ aṣayan ti o kẹhin: ṣẹda apoti ọrọ lilọ kiri. Lẹhinna a le ka ọrọ afikun si, ṣugbọn apẹẹrẹ rẹ ko ni iṣe.
HTML ati CSS fun eyi yoo jẹ:
Imuduro naa: auto; sọ fun aṣàwákiri lati fi awọn ọpa fifun lọ si wọn o nilo lati tọju ọrọ naa lati ṣafo awọn opin ti div. Ṣugbọn fun ibere lati ṣiṣẹ, iwọ tun nilo iwọn ati awọn ara-ara ti o ga julọ ti a ṣeto si ori ikọsẹ, ki o wa ni awọn aala lati bomi.
O tun le ge ọrọ naa kuro nipa iyipada iyipada: auto; lati ṣàn omi: farasin ;. Ti o ba jade kuro ni ohun elo ti o bomi, ọrọ naa yoo da lori awọn aala ti div.
O le Fi Awọn Pẹpẹ Ifiwe lọ si Die ju ọrọ lọ
Ti o ba ni aworan nla ti o fẹ lati han ni aaye kekere kan, o le fi awọn ifilo sipomii kun ni ayika rẹ ni ọna kanna ti o ṣe pẹlu ọrọ.
Ni apẹẹrẹ yii, aworan 400x509 jẹ inu akọsilẹ 300x300 kan.
Awọn tabili le ṣe anfaani lati awọn Pẹpẹ Gigun
Awọn tabili tabili ti o pẹ le jẹ gidigidi nira lati ka gidigidi, ṣugbọn nipa fifi wọn sinu ipilẹ ti iwọn kekere ati lẹhinna ti o fi awọn ohun elo ti o pọju silẹ, o le ṣe awọn tabili pẹlu ọpọlọpọ data ti ko gba aaye to ga julọ lori oju-iwe rẹ .
Ọna to rọọrun jẹ gẹgẹbi pẹlu awọn aworan ati ọrọ, o kan fi ami ti o wa ni ayika tabili naa, ṣeto iwọn ati giga ti div, ki o si fi awọn ohun elo bomi:
Name th> | Foonu th> tr> Ọkọ> | ||||
---|---|---|---|---|---|
Jennifer td> | 502-5366 td> tr> .... tbody> table> div> Ohun kan ti o ṣẹlẹ nigba ti o ba ṣe eyi jẹ alẹ yiyọ petele ti o maa n han nitori pe aṣàwákiri n rò pe Chrome ti awọn ifilohun ṣiṣan ti n ṣaja tabili. Ọpọlọpọ awọn ọna lati ṣe atunṣe yi lati yiyipada iwọn ti tabili ati awọn omiiran. Ṣugbọn ayanfẹ mi ni lati paarẹ ni ṣiṣan ni ihamọ pẹlu ohun-elo CSS 3 bomi-x. O kan fi kún-kún-x: farasin; si ikọ, ati pe yoo yọ ọpa idalẹnu ti o wa titi. Rii daju pe idanwo yi, bi o ti le jẹ akoonu ti o parun. Akata bi Ina ṣe atilẹyin nipa lilo TBODY Tags fun OkunkuẸya kan ti o dara julọ ti aṣàwákiri Firefox ni pe o le lo awọn ohun elo ti o ṣabọ lori awọn tabili tabili bi ẹni ati tani tabi tfoot. Eyi tumọ si pe o le ṣeto awọn ifilo kiri lori awọn akoonu inu tabili, ati awọn sẹẹli awọn akọle ti wa ni ibigbogbo ori wọn. Eyi nikan ṣiṣẹ ni Akata bi Ina , eyiti o buru ju, ṣugbọn o jẹ ẹya ti o dara julọ ti awọn onkawe rẹ nikan lo Firefox. Lọ kiri si apẹẹrẹ yii ni Firefox lati wo ohun ti Mo tumọ si. Orukọ th> | Foonu th> tr> thead> | Jennifer td> | 502-5366 td> tr> ...
|
|