Ստեղծեք տուփ, օգտագործելով CSS- ի եւ HTML- ի օգտագործումը
HTML ոլորման տուփը մի արկղ է, որը ավելացնում է ոլորման բլոկներ դեպի աջ եւ ստորին, երբ տուփի բովանդակությունը մեծ է տուփի չափսերից: Այլ կերպ ասած, եթե ունեք տուփ, որը կարող է տեղավորվել մոտ 50 բառով, եւ դուք ունեք 200 բառի տեքստ, HTML ոլորման տուփը կտեղադրի ոլորման բլոկներ, որպեսզի տեսնեք լրացուցիչ 150 բառ: Ստանդարտ HTML- ում, որը պարզապես սեղմում էր լրացուցիչ տեքստը տուփից դուրս:
HTML ոլորման կատարումը բավականին հեշտ է: Պարզապես պետք է սահմանեք տարրը եւ բարձրությունը, որը ցանկանում եք ոլորել եւ այնուհետեւ օգտագործել CSS- ի արտահոսքի հատկությունը `սահմանելու համար, թե ինչպես եք ուզում շարժվել:
Ինչ անել, լրացուցիչ տեքստով:
Երբ դուք ունեք ավելի շատ տեքստ, քան տեղադրեք ձեր դասավորության տարածքը, դուք ունեք մի քանի տարբերակ.
- Վերագրեք տեքստը, որպեսզի այն ավելի կարճ լինի եւ տեղավորվի:
- Թույլ տեք, որ տեքստը դուրս գա սահմանից դուրս եւ հուսանք, որ դասավորությունը կարող է օժանդակել այն:
- Կտրեք տեքստը, որտեղ այն գերազանցում է:
- Ավելացրեք ոլորման բլոկներ (սովորաբար ուղղահայաց տեքստի համար), որպեսզի տարածքը գցում է լրացուցիչ տեքստը ցուցադրելու համար:
Լավագույն տարբերակը, որպես կանոն, վերջին տարբերակն է. Ստեղծեք սկողավորման տեքստային տուփ: Այնուհետեւ լրացուցիչ տեքստը կարող է կարդալ, բայց ձեր դիզայնը չի վտանգված:
HTML- ի եւ CSS- ի համար դա կլինի.
Վճարումը `ավտո; զննարկիչը պատմում է գրամեքենաների ավելացմանը, եթե դրանք անհրաժեշտ են տեքստը պահել բաժանի սահմանները: Բայց որպեսզի դա գործի, դուք նույնպես պետք է լայնության եւ բարձրության ոճը հատկություններով սահմանված div, այնպես, որ կան սահմաններ, որ overflow.
Դուք կարող եք նաեւ կտրել տեքստը փոխելով արտահոսքը: auto; գերազանցելու համար. թաքնված. Եթե դուրս գասեք գերբնակեցված գույքից, ապա տեքստը թափվելու է div- ի սահմաններից դուրս:
Դուք կարող եք ավելացնել Scroll Bars- ը ավելին, քան պարզապես տեքստը
Եթե ունեք մեծ պատկեր, որը ցանկանում եք ցուցադրել փոքր տարածք, կարող եք ավելացնել այն ոլորման գոտիներ, ինչպես նաեւ տեքստի հետ:
Այս օրինակում, 400x509 պատկերն ընդգրկում է 300x300 կետ:
Աղյուսակները կարող են նպաստել ոլորման բլոկներից
Տեղեկատվության երկարատեւ աղյուսակները կարող են շատ արագ ընթերցել շատ արագ, բայց դրանք դնելով սահմանափակ չափի div- ի մեջ եւ այնուհետեւ ավելացնող գույքը ավելացնելով, կարող եք ստեղծել բազմաթիվ տվյալներ ունեցող սեղաններ, որոնք ձեր էջում ծայրահեղ տեղ չեն զբաղեցնում .
Ամենահեշտ ձեւը նման է պատկերների եւ տեքստի, ընդամենը սեղանի շուրջ բաժանել մի բաժին, սահմանել այդ բաժնի լայնությունը եւ բարձրությունը եւ ավելացնել ավելցուկային հատկությունը.
Անունը th> | Հեռախոս th> tr> t> td> | 502-5366 td> tr> .... tbody> table> div> Մի բան, որը տեղի է ունենում, երբ դա արվում է, հորիզոնական ոլորման սանդղակը սովորաբար երեւում է այն պատճառով, որ զննարկիչը ենթադրում է, որ թերթիկի քրոմը սեղանի վրա է: Սեղանի լայնությունը եւ մյուսները փոխելու այս ձեւակերպման բազմաթիվ եղանակներ կան: Բայց իմ սիրածը պարզապես հորիզոնական գցել է CSS 3 գույքի արտահոսքը-x- ով: Պարզապես ավելացրեք overflow-x: թաքնված; դեպի div, եւ դա կհեռացնի հորիզոնական ոլորման գիծը: Համոզվեք, որ փորձեք սա, քանի որ կարող է լինել բովանդակություն, որը անհետանում է: Firefox- ն աջակցում է TBODY- ի տրաֆիկի օգտագործման միջոցովFirefox- ի դիտարկչի իսկապես գեղեցիկ առանձնահատկությունն այն է, որ դուք կարող եք օգտագործել գերհամակարգի գույքը ներքին սեղանի պիտակների վրա, ինչպիսիք են tbody եւ thead կամ tfoot: Սա նշանակում է, որ դուք կարող եք սահմանել սլաքների բովանդակության ոլորման սանդղակները եւ վերեւի բջիջները խարսխված են վերեւում: Սա միայն Firefox- ում է , որը շատ վատ է, բայց դա լավ հատկություն է, եթե ձեր ընթերցողները միայն օգտագործում են Firefox- ը: Փնտրեք այս օրինակում Firefox- ում `տեսնելու համար, թե ինչ նկատի ունեմ:
|
---|