Տոկոսային լայնություն

Տոկոսը հարաբերական չափման միավոր է։ Այն հաշվարկվում է արտաքին բլոկի նկատմամբ։ Այն հրաշալի օգտագորվծում է պատկերների համար։ Այստեղ ես արել եմ այնպես, որ պատկերը միշտ կազմի իր կոնտեյների լայնության 50%-ը։ Փոքրացրու դիտարկիչդ ու տես ինչ է կատարվում։

article img {
  float: right;
  width: 50%;
}
<article class="clearfix"> an image

Դու նույնիսկ կարող ես օգտագործել նաև min-width և max-width, սահմանափակելու համար պատկերի մինիմալ կամ մաքսիմալ լայնությունը։

</article>

տոկոսային լայնությամբ էջատում

Դու կարող ես օգտագործել տոկոսները էջատելիս, սակայն դա կարող է պահանջել ավելի շատ աշխատանք։ Այս օրինակում nav-ի պարունակությունը դրսևորում է անցանկալի վարքագիծ , եթե պատուհանը չափազանց նեղ է դառնում։ Այն խառնվում է հիմնական բովանդակության հետ։

nav {
  float: left;
  width: 25%;
}
section {
  margin-left: 25%;
}
<div class="container">
<section>

nav-ը «ճպխկվում» է Երբ պատուհանը նեղ է։ Վատ է նաև, որ դու չես կարող օգտագործել min-width-ը nav-ի վրա, որովհետև աջ սյունակը չի արձագանքի դրան։

</section>
<section>

Lorem Ipsum-ը տպագրության և տպագրական արդյունաբերության համար նախատեսված մոդելային տեքստ է: Սկսած 1500-ականներից` Lorem Ipsum-ը հանդիսացել է տպագրական արդյունաբերության ստանդարտ մոդելային տեքստ, ինչը մի անհայտ տպագրիչի կողմից տարբեր տառատեսակների օրինակների գիրք ստեղծելու ջանքերի արդյունք է: Այս տեքստը ոչ միայն կարողացել է գոյատևել հինգ դարաշրջան, այլև ներառվել է էլեկտրոնային տպագրության մեջ` մնալով էապես անփոփոխ: Այն հայտնի է դարձել 1960-ականներին Lorem Ipsum բովանդակող Letraset էջերի թողարկման արդյունքում, իսկ ավելի ուշ համակարգչային տպագրության այնպիսի ծրագրերի թողարկման հետևանքով, ինչպիսին է Aldus PageMaker-ը, որը ներառում է Lorem Ipsum-ի տարատեսակներ:

</section>
  • Creative Commons License