Դու նույնիսկ կարող ես օգտագործել նաև min-width
և max-width
, սահմանափակելու համար պատկերի մինիմալ կամ մաքսիմալ լայնությունը։
Տոկոսը հարաբերական չափման միավոր է։ Այն հաշվարկվում է արտաքին բլոկի նկատմամբ։ Այն հրաշալի օգտագորվծում է պատկերների համար։ Այստեղ ես արել եմ այնպես, որ պատկերը միշտ կազմի իր կոնտեյների լայնության 50%-ը։ Փոքրացրու դիտարկիչդ ու տես ինչ է կատարվում։
article img {
float: right;
width: 50%;
}
Դու նույնիսկ կարող ես օգտագործել նաև min-width
և max-width
, սահմանափակելու համար պատկերի մինիմալ կամ մաքսիմալ լայնությունը։
Դու կարող ես օգտագործել տոկոսները էջատելիս, սակայն դա կարող է պահանջել ավելի շատ աշխատանք։
Այս օրինակում nav
-ի պարունակությունը դրսևորում է անցանկալի վարքագիծ , եթե պատուհանը չափազանց նեղ է դառնում։ Այն խառնվում է հիմնական բովանդակության հետ։
nav {
float: left;
width: 25%;
}
section {
margin-left: 25%;
}
nav
-ը «ճպխկվում» է Երբ պատուհանը նեղ է։ Վատ է նաև, որ դու չես կարող օգտագործել min-width
-ը nav-ի վրա, որովհետև աջ սյունակը չի արձագանքի դրան։
Lorem Ipsum-ը տպագրության և տպագրական արդյունաբերության համար նախատեսված մոդելային տեքստ է: Սկսած 1500-ականներից` Lorem Ipsum-ը հանդիսացել է տպագրական արդյունաբերության ստանդարտ մոդելային տեքստ, ինչը մի անհայտ տպագրիչի կողմից տարբեր տառատեսակների օրինակների գիրք ստեղծելու ջանքերի արդյունք է: Այս տեքստը ոչ միայն կարողացել է գոյատևել հինգ դարաշրջան, այլև ներառվել է էլեկտրոնային տպագրության մեջ` մնալով էապես անփոփոխ: Այն հայտնի է դարձել 1960-ականներին Lorem Ipsum բովանդակող Letraset էջերի թողարկման արդյունքում, իսկ ավելի ուշ համակարգչային տպագրության այնպիսի ծրագրերի թողարկման հետևանքով, ինչպիսին է Aldus PageMaker-ը, որը ներառում է Lorem Ipsum-ի տարատեսակներ:
</section>