Horizontale opvulling css. Het bestuderen van tekstinspringing in HTML

De CSS-indeling is altijd rechthoekig geweest. Eventuele vloeiende lijnen zijn de verantwoordelijkheid van de ontwikkelaar. Stijlregels bieden voldoende mogelijkheden om de pagina een vloeiende vorm te geven binnen de grenzen van de schermresolutie. Maar elk lay-outelement is altijd een rechthoek waarin de rangschikking van informatie wordt bepaald door CSS-regels.

Opvulling aan alle zijden is belangrijk voor elk pagina-element wanneer het absoluut gepositioneerd is, en CSS-opvulling aan de bovenkant is specifiek gedefinieerd omdat dit van belang is voor verschillende elementen, vooral inline-elementen.

Basispositioneringsregels

Een blokelement heeft een margeregel, een opvulregel voor de elementen erin en een randbreedte die ook kan worden gebruikt.

Van bijzonder belang is de inkeping aan de bovenkant. CSS binnen een blok associeert opvulregels met regels voor absoluut en relatief gepositioneerde elementen binnen dat blok.

Een gebruikelijke praktijk voor CSS-regels: u kunt de opvulling aan alle zijden gelijk opgeven, in paren boven/onder en rechts/links, of voor elke zijde afzonderlijk. Bijvoorbeeld,

• marge: 10px;
• opvulling: 10px20px;
• opvulling: 10px20px30px40px.

In het eerste geval wordt de inkeping van het element vanaf de zijkanten van de buitencontainer waarin het zich bevindt ingesteld. In het tweede geval zijn de marges boven en onder 10px, links en rechts 20px. In het derde geval wordt de grootte van de inkepingen aan alle kanten aangegeven: boven, rechts, onder en links.

In al deze gevallen is de inkeping bovenste CSS is 10 px.

Regels die de positie van elementen veranderen

Als een lay-outelement niet absoluut is gepositioneerd, wordt het in de algemene volgorde van paginavorming gepositioneerd.

Als we definiëren opvulling op de bovenste CSS in het scCurrInfo-element, zal het doel worden bereikt, maar op het li-niveau niet.

In dit voorbeeld wordt de opvulregel gebruikt: 40px; vereist een adequate reductie van de breedte- en hoogteregels met 80px. Anders zal de grootte van het scCurrInfo-blok de grenzen van het buitenste blok overschrijden.

Als we de opvulregel uit de scCurrInfo-beschrijving verwijderen, maar deze met een waarde van 20px toevoegen aan de stijlbeschrijving van het lijstitem, krijgen we alleen bovenste streepje. CSS zal deze waarde niet toepassen op andere partijen.

Uiteraard is dit gebruik van de inspringregel van toepassing op elk li-element.

Algemene praktijken voor het formatteren van inhoud

Sommige ontwikkelaars bereiken perfectie door pagina's op te maken met blokelementen. Blijkbaar is dit een klassieke praktijk: begin met tabellen en eindig je eigen onderwijsproces met blokken.

De vrijheid die inherent is aan de blokindeling is fascinerend, en de verbeeldingskracht van de ontwikkelaar wordt mogelijk niet beperkt door strikte tabelregels: alleen rijen, alleen cellen, die alleen horizontaal en verticaal samenvloeien. Er is niets bijzonders aan relationele ideeën.

Ondertussen hebben tabellen, naast duidelijke tekortkomingen, veel kwaliteitsvoordelen. Bij het maken van opvulling bovenaan houdt CSS rekening met de opvulling links en rechts (onderaan is een speciaal moment). Met tabelcelregels kunt u zowel de verticale als de horizontale uitlijning bepalen. Door rijstijlen te gebruiken en deze te combineren met celstijlen, kunt u complexe weergaven van inhoud maken.

De gebruikelijke weergave van een pagina in de vorm van rechthoeken verhindert helemaal niet dat deze in de vorm van een tabel wordt gepresenteerd. Dit zijn ook rechthoeken, maar het zijn ook tabelcellen, dat wil zeggen dat ze dat hebben eigen regels, als aanvulling op de blokregels.

Absolute positionering

Blokkeren met de regel POSITIE: absoluut; zal zich bevinden op een locatie die wordt bepaald door de coördinaten ten opzichte van het blok waarin het zich bevindt.

Een karakteristiek kenmerk van CSS-regels is "oefenen - beste criterium waarheid" in de meeste gevallen, vooral wanneer cross-browser compatibiliteit vereist is en de lay-out handmatig wordt gedaan, verdient het de voorkeur boven het bestuderen van volwaardige handleidingen op trapsgewijze stijlbladen.

Het gebruik van tabellen resulteert vaak in problemen met het verschuiven van de celinhoud. Een soortgelijke offset binnen een blok heeft niet altijd invloed op alle elementen. Door te experimenteren kun je het gewenste resultaat bereiken. Een triviale taak: hoe het verwijderen van toppadding is niet altijd een triviale oplossing voor CSS.

In sommige gevallen, wanneer u pagina-elementen in de diepte van sommige moet opmaken populair systeem website-inhoudsbeheer, het is nog steeds noodzakelijk om niet alleen aandacht te besteden aan de experimentele praktijk, maar ook om te kijken naar de ervaringen van collega's.

Blokindeling wordt vaak gebruikt bij het maken van een website of blog. Als gevolg hiervan is het vaak nodig om blokken te laten inspringen. Om deze reden ongeveer hoe je in CSS kunt inspringen uitvoerig beschreven in deze les. Voor de browser is elke tag een container met inhoud, opvulling, buitenmarges en een rand. In deze les leren we hoe we interne en externe inspringingen kunnen maken en hoe we de belangrijkste parameters ervan in overweging nemen.

De onderstaande afbeelding toont duidelijk de blokinspringparameters:

Zoals u kunt zien, kunt u in vier richtingen inspringen: inspringing boven (boven), inspringing onder (onder), inspringing links (links) en inspringing rechts (rechts). Maateenheden kunnen pixels, percentages en andere CSS-eenheden zijn. Lees er meer over. Deze tutorial maakt gebruik van pixels.

Blokvulling

Voor opvulling in CSS komt de eigenschap overeen opvulling. Laten we dus eens kijken naar een voorbeeld van het instellen van interne opvulling voor een blok:

opvulling bovenaan: 5px; /*bovenste opvulling*/ opvulling-links: 8px; /*linker opvulling*/ opvulling-rechts: 8px; /*rechter opvulling*/ opvulling-onder: 5px; /*onderste opvulling*/

In dit voorbeeld wordt de opvulling voor elke zijde van het blok afzonderlijk ingesteld. Daarnaast zijn er verschillende manieren om de inspringing in CSS in te stellen:

marge: 5px 8px 5px 8px; /*boven-, rechts-, onder-, linkermarges*/ marge: 5px 8px 5px; /*beschrijft de marges boven, links, rechts en onder*/ marge: 5px 8px; /*beschrijft de boven- en onder-, rechter- en linkermarges*/ marge: 7px; /*beschrijft alle interne opvullingen van 7px*/

Het is gemakkelijker om de eerste te onthouden en laatste manieren. In het eerste geval worden de inkepingen met de klok mee geplaatst (boven, rechts, onder, links) - we kunnen elke hoeveelheid inkeping specificeren, afhankelijk van het laatste geval de inkepingen aan alle kanten zullen hetzelfde zijn.

Marges blokkeren

De eigenschap die verantwoordelijk is voor de marges in CSS is marge. Voorbeelden van marges in CSS:

marge bovenaan: 5px; /*bovenmarge*/ marge-links: 10px; /*linkermarge*/ marge-rechts: 10px; /*rechtermarge*/ marge-onder: 5px; /*ondermarge*/

opvulling: 5px 10px 5px 10px; /*boven, rechts, onder, linker marges*/ opvulling: 5px 10px 5px; /*beschrijft de bovenste, linker en rechter, onderste opvulling*/ opvulling: 5px 10px; /*beschrijft de opvulling boven en onder, rechts en links*/ opvulling: 7px; /*beschrijft alle 7px-marges*/

Dus, hoe je in CSS kunt inspringen- de vraag is niet moeilijk, maar zeer relevant. Om de hierboven beschreven informatie beter te begrijpen, moet u onthouden dat er twee eigenschappen zijn: opvulling - interne inspringingen en marge - externe inspringingen. Zoals u al weet, zijn er ook verschillende manieren om inspringingen in te stellen, u kunt ze gebruiken.

Hallo, beste lezers van de blogsite! Vandaag gaan we verder met leren over Cascading Style Sheets of CSS. In eerdere artikelen hebben we de blokindeling van de site al in algemene termen onderzocht. Als gevolg hiervan begonnen we behoorlijk professionele webpagina's te krijgen, maar ze misten iets. Maar ze missen hoogstwaarschijnlijk inkepingen en frames. Vandaag zullen we kijken naar de stijlregels voor marge, opvulling en rand, waarmee u inspringingen en frames voor html-elementen kunt instellen.

CSS-opvulopties

Met behulp van trapsgewijze stijlbladen is het mogelijk om twee soorten inspringingen in te stellen.

1.Inspringing is de afstand van de denkbeeldige rand van het element tot de inhoud ervan. De afstandswaarde wordt gespecificeerd met behulp van de parameter opvulling. Deze inkeping hoort bij het element zelf en bevindt zich erin.

2. Marge— de afstand tussen de rand van het huidige element van de webpagina en de randen van aangrenzende elementen, of ouderelement. De grootte van de afstand wordt bepaald door de accommodatie marge. Deze inkeping bevindt zich buiten het element.

Voor de duidelijkheid, foto:

Beschouw bijvoorbeeld een cel gevuld met tekst. De opvulling is dan de afstand tussen de denkbeeldige rand van de cel en de tekst die deze bevat. En de buitenmarge is de afstand tussen de randen van aangrenzende cellen. Laten we beginnen met opvulling.

Opvulling in CSS met behulp van opvulling (boven, onder, links, rechts)

Met de eigenschappen Padding-left, Padding-Top, Padding-Rechts en Padding-Bottom kunt u de opvulwaarden instellen voor respectievelijk de linkerzijde, de bovenzijde, de rechterzijde en de onderzijde van een webpagina-element:

opvulling-top | opvulling-rechts | opvulling-bodem | opvulling links: waarde | interesse | erven

De hoeveelheid inspringing kan worden gespecificeerd in pixels (px), percentage (%) of andere eenheden die acceptabel zijn voor CSS. Bij het opgeven van percentages wordt de waarde berekend op basis van de breedte van het element. De overervingswaarde geeft aan dat deze wordt geërfd van de ouder.

Voor de huidige alinea heb ik bijvoorbeeld een stijlregel toegepast die de linkeropvulling instelt op 20 pixels, de bovenste opvulling op 5 pixels, de rechteropvulling op 35 pixels en de onderste opvulling op 10 pixels. De regelinvoer ziet er als volgt uit:

p.test(
opvulling links: 20px;
opvulling-top:5px;
opvulling rechts:35px;
opvulling-bodem: 10px
}

Samengestelde opvulregel Hiermee kunt u in één keer inspringingen aan alle zijden van een webpagina-element opgeven:

opvulling:<отступ 1> [<отступ 2> [<отступ 3> [<отступ 4>]]]

Een prefabregel staat één, twee, drie of vier waarden toe, gescheiden door een spatie. In dit geval hangt het effect af van het aantal waarden:

• als u één waarde opgeeft, wordt de mate van inspringing aan alle zijden van het pagina-element ingesteld;
• als u twee waarden opgeeft, stelt de eerste de mate van inspringing bovenaan en onderaan in, en de tweede - links en rechts;
• als u drie waarden opgeeft, bepaalt de eerste de hoeveelheid inspringing bovenaan, de tweede - links en rechts, en de derde - onderaan;
• als er vier waarden zijn opgegeven, stelt de eerste de hoeveelheid inspringing bovenaan in, de tweede aan de rechterkant, de derde aan de onderkant en de vierde aan de linkerkant.

De bovenstaande CSS-regel kan dus zoveel mogelijk worden ingekort en als volgt worden geschreven:

p.test(opvulling: 5px 35px 10px 20px)

De marge-eigenschap of marges in CSS

Met de stijlkenmerken marge-links, marge-boven, marge-rechts en marge-onder kunt u de margewaarden instellen, respectievelijk links, boven, rechts en onder:

marge-top | marge-rechts | marge-onder | marge-links:<значение>|auto|erven

Zoals hierboven vermeld, is de marge de afstand van de rand van het huidige element tot de rand van het aangrenzende element, of, als er geen aangrenzende elementen zijn, tot de interne rand van de bovenliggende container.

De hoeveelheid inspringing kan worden gespecificeerd in pixels (px), percentage (%) of andere eenheden die zijn toegestaan ​​voor CSS:

P(
marge-links: 20px;
}
h1(
marge-rechts:15%;
}

De waarde auto betekent dat de inspringgrootte automatisch door de browser wordt berekend. Als u percentagenotatie gebruikt, worden de inspringingen berekend afhankelijk van breedte van de bovenliggende container. Bovendien geldt dit niet alleen voor marge-links en marge-rechts, maar ook voor marge-boven en marge-onder. De procentuele marges worden berekend afhankelijk van de breedte, en niet van de hoogte, van de container.

Het is toegestaan ​​om externe inspringingen als waarden te gebruiken negatieve waarden:

P(
marge-links: -20px;
}

Als bij positieve inspringingswaarden aangrenzende elementen worden verwijderd, dan zal bij een negatieve waarde het aangrenzende blok botsen met het element waarvoor we zo'n negatieve inspringing hebben ingesteld.

We kunnen ook de opvulling specificeren met behulp van het stijlattribuut marge. Het stelt de inspringingswaarden tegelijkertijd in aan alle zijden van een webpagina-element:

marge:<отступ 1> [<отступ 2> [<отступ 3> [<отступ 4>]]]

Wanneer u één, twee, drie of vier opvulwaarden opgeeft, voldoet deze eigenschap aan dezelfde wetten als de opvulregel.

Randopties met behulp van de randeigenschap

Bij het instellen van frames zijn er drie soorten parameters:

• randbreedte — randdikte;
• randkleur — randkleur;
• border-style — het type lijn waarmee het kader wordt getekend.

Laten we beginnen met de framedikteparameter:

randbreedte: [waarde | dun | middel | dik] (1,4) | erven

Framedikte kan worden gespecificeerd in pixels of andere eenheden die beschikbaar zijn in CSS. De dunne, medium en dikke variabelen stellen de randdikte in op respectievelijk 2, 4 en 6 pixels:

randbreedte: medium;

Net als bij de eigenschappen opvulling en marge staat de parameter border-width één, twee, drie of vier waarden toe, waardoor de breedte van de rand voor alle zijden tegelijk of voor elke zijde afzonderlijk wordt ingesteld:

randbreedte: 5px 3px 5px 3px

Maak voor de huidige alinea de dikte van de bovenste rand 1px, rechter 2px, onderste 3px en linker 4px met behulp van de regel (randbreedte: 1px 2px 3px 4px;)

Met behulp van de stijlkenmerken border-left-width, border-top-width, border-right-width en border-bottom-width kunt u respectievelijk de dikte van de linker-, boven-, rechter- en onderkant van de rand instellen:

rand-links-breedte|rand-boven-breedte|rand-rechts-breedte|rand-onder-breedte: dun|medium|dik|<толщина>|erven

De volgende parameter is de randkleur waarmee u kunt controleren framekleur:

randkleur: [kleur | transparant] (1,4) | erven

Met deze eigenschap kunt u de randkleur voor alle zijden van het element in één keer instellen, of alleen voor de opgegeven zijden. Als waarde kunt u de methoden gebruiken voor het opgeven van kleuren die in HTML worden geaccepteerd: hexadecimale code, trefwoorden, enz.:

p (randbreedte: 2px; randkleur: rood)

De transparante waardesets transparante kleur frame en erft de waarde van de ouder over. Als de randkleur niet is opgegeven, wordt standaard de kleur gebruikt die voor het lettertype in het gegeven element wordt gebruikt.

Met behulp van de stijlkenmerken border-left-color, border-top-color, border-right-color en border-bottom-color kunt u respectievelijk de kleur van de linker-, boven-, rechter- en onderkant van de rand instellen:

rand-links-kleur|rand-boven-kleur|rand-rechts-kleur|rand-onder-kleur: transparant|<цвет>|erven

En de laatste parameter border-style specificeert frametype:

randstijl: (1,4) | erven

Het frametype kan voor alle zijden van een element tegelijk worden opgegeven, of alleen voor de opgegeven zijden. Er kunnen meerdere waarden worden gebruikt trefwoorden. Het uiterlijk is afhankelijk van de gebruikte browser en de dikte van het frame. Betekenis geen wordt standaard gebruikt en geeft geen kader weer en de dikte ervan is ingesteld op nul. De verborgen waarde heeft hetzelfde effect. Het resulterende frame voor andere waarden, afhankelijk van de dikte, wordt weergegeven in de onderstaande tabel:

De stijlkenmerken border-left-style, border-top-style, border-right-style en border-bottom-style specificeren de stijl van de lijnen die aan de linker-, boven-, rechter- en onderkant van de rand worden getekend. respectievelijk:

border-left-style|border-top-style|border-right-style|border-bottom-style: geen|verborgen|gestippeld|onderbroken|effen|dubbel|groef|nok|inzet|begin|erven

Net als bij de opvulling en opvulopties zijn er universeel grens eigendom . Hiermee kunt u tegelijkertijd de dikte, stijl en kleur van de rand rond een element instellen:

grens: | erven

De waarden kunnen in willekeurige volgorde staan, gescheiden door spaties:

td (rand: 1px effen geel)

Om alleen aan bepaalde zijden van een element een rand in te stellen, zijn er de eigenschappen border-top, border-bottom, border-left, border-right, waarmee u parameters kunt instellen voor de boven-, onder-, linker- en rechterkant van het element. respectievelijk frames.

Het enige dat overblijft is een samenvatting:

• voor de taak opvulling wij gebruiken de accommodatie opvulling;
• configureren marges er is een regel marge;
• frameparameters worden gespecificeerd met behulp van het attribuut grens.

Ik merk op dat dit allemaal CSS-eigenschappen de grootte van een webpagina-element vergroten. Als we daarom de dikte van de rand of de grootte van de opvulling van de blokcontainers die het ontwerp van de webpagina vormen, wijzigen, zullen we de afmetingen van deze containers dienovereenkomstig moeten wijzigen, anders kunnen ze bewegen en zal het ontwerp gebroken.

Dat is alles, tot de volgende keer!

Marges en opvulling zijn zeer belangrijke stijlen bij het bouwen van een HTML-pagina. Hiermee kunt u elementen nauwkeuriger positioneren, een frame maken met de nodige openingen, enz. Beide stijlen lijken erg op elkaar en presteren soortgelijke functies. Maar er zijn nog steeds verschillen.

Elementen kunnen worden genest of naast elkaar worden geplaatst. Laten we eens kijken naar het volgende voorbeeld:

We hebben twee tafels, citroen en blauwe kleur, onder elkaar gelegen. Tabellen bestaan ​​uit één cel. Er staat een rood blokje in de eerste tabelcel. Laten we aan de hand van dit voorbeeld eens kijken hoe marges en inspringingen werken.

Velden worden op stijl ingesteld opvulling. Deze stijl is alleen van toepassing op containerelementen, die andere elementen kunnen bevatten. Met de stijl kunt u de marge instellen tussen de randen van een element en de inhoud ervan. Stijl marge Hiermee kunt u inspringingen instellen vanaf een element tot de dichtstbijzijnde randen van een ander element. De randen van een ander element kunnen de randen van de bovenliggende container zijn, maar ook de randen van de pagina zelf.

Er zijn verschillende manieren om deze stijlen in te stellen. Geef bijvoorbeeld rechtstreeks de grootte van alle marges of inspringingen op met één argument in een bepaalde maateenheid (px, ex, em, pt, cm, enzovoort):

In dit geval zijn de marges en inspringingen aan alle vier de zijden hetzelfde. Wanneer u twee argumenten opgeeft, gescheiden door een spatie:

marge: 3px 5px;

opvulling: 3px 5px 2px;

de eerste is de marge/inkeping bovenaan, de tweede is zowel links als rechts, de derde bevindt zich onderaan. Met vier argumenten: opvulling: 3px 5px 2px 6px;, marge: 3px 5px 2px 6px;, de eerste is de marge/ruimte bovenaan, de tweede bevindt zich aan de rechterkant, de derde bevindt zich onderaan, de vierde bevindt zich aan de linkerkant. Het is gemakkelijk te onthouden: de eerste is van bovenaf en vervolgens met de klok mee. Bovendien kunt u de marges en opvulling voor een specifieke rand afzonderlijk instellen met behulp van de juiste stijlen:, opvulling-top, opvulling-rechts, opvulling-bodem, opvulling-links, marge-top marge-rechts

marge-bodem

. De waarde van deze stijlen kan slechts één argument zijn, dat de hoeveelheid marge/opvulling voor een bepaalde zijde specificeert.

In de afbeelding bevindt het rode blok zich binnen de tabelcel en grenst aan de randen ervan, dat wil zeggen dat de cel geen marges heeft. Laten we de celmarges instellen met behulp van de stijl:

Als gevolg hiervan verandert de pagina in het volgende:

Laten we nu naar inkepingen kijken. Twee tafels staan ​​naast elkaar, als we ze iets uit elkaar willen schuiven kunnen we streepjes aanbrengen. Er zijn hier twee opties: stel de onderste inspringing van de eerste tabel in, of de bovenste inspringing van de tweede tabel. Laten we de tweede gebruiken:

marge bovenaan: 5px;

"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate "Het is een feit dat de eu fugiat nulla pariatur is. Behalve dat het een keer een niet-proidente cupidat is, die schuldig is aan het ambt dat is verlaten, is het werk." Paragraaf 1.10.32 "de Finibus Bonorum et Malorum", geschreven door Cicero in 45 n.Chr. "Sed u een doorzichtige fout, dan is er sprake van een voluptatem accusantium doloremque laudantium, totam rem aperiam, ipsa quae als een uitvinder van waarheid en quasi architect die zijn leven dicteert als explicabo. Nemo enim ipsam voluptatem quia voluptas zit aspernatur aut odit aut fugit, sedquia consequ ongedaan maken magni dolores eos die ratione voluptatem sequi nesciunt. Engelse vertaling 1914, H. Rackham "Maar ik moet je uitleggen hoe al dit verkeerde idee van het aan de kaak stellen van plezier en het prijzen van pijn werd geboren en ik zal je een volledig verslag geven van het systeem en de feitelijke leringen van de grote ontdekkingsreiziger uitleggen van de waarheid, de bouwmeester van het menselijk geluk. Niemand verwerpt, heeft een hekel aan of vermijdt het plezier zelf, omdat het plezier is, maar omdat degenen die niet weten hoe ze op rationele wijze plezier moeten nastreven, te maken krijgen met gevolgen die buitengewoon pijnlijk zijn. Iedereen die pijn op zichzelf liefheeft, nastreeft of ernaar verlangt, omdat het pijn is, maar omdat zich af en toe omstandigheden voordoen waarin olie en pijn hem een ​​groot plezier kunnen bezorgen. Om een ​​triviaal voorbeeld te nemen: wie van ons doet ooit aan zware lichamelijke oefening? Maar wie heeft het recht om kritiek te uiten op een man die ervoor kiest om te genieten van een plezier dat geen vervelende gevolgen heeft, of iemand die pijn vermijdt die geen resulterend plezier oplevert? Paragraaf 1.10.33 "de Finibus Bonorum et Malorum", geschreven door Cicero in 45 n.Chr. "Bij Vero EOS en Accusamus en Iusto dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atti quos Dolores molestias experim Ecati Cupiditate Non Provider, Similique Sunt in Culpa Qui Officia Deserunt Mollitia Animi, ID Laborum en Dolorum Fuga rerum facilis est et expedita onderscheidend. Nam libero tempore Het is niet de enige optie die niets in de weg staat als je de maximale kans hebt, elke voluptase wordt aangenomen dat alle schulden worden afgeweerd en dat de schuld niet meer nodig is, zelfs als het niet wordt afgewezen hij heeft de neiging om heerlijk te genieten, maar de reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat." Engelse vertaling 1914, H. Rackham "Aan de andere kant hekelen we met terechte verontwaardiging en hebben we een hekel aan mannen die zo verleid en gedemoraliseerd zijn door de charmes van het plezier van het moment, zo verblind door verlangen, dat ze de pijn en problemen die dat met zich meebrengt niet kunnen voorzien." zullen onvermijdelijk volgen; gelijke schuld komt toe aan degenen die hun plicht niet nakomen door wilszwakte, wat hetzelfde is als zeggen dat ze terugdeinzen voor olie en pijn. Deze gevallen zijn volkomen eenvoudig en gemakkelijk te onderscheiden onbelemmerd en als niets ons ervan weerhoudt te doen wat we het liefste doen, moet elk plezier verwelkomd worden en elke pijn vermeden. Maar in bepaalde omstandigheden en als gevolg van plichtsbesef of de verplichtingen van het bedrijfsleven zal het vaak voorkomen dat plezier wel nodig is worden verworpen en ergernissen geaccepteerd. De wijze man houdt in deze zaken daarom altijd vast aan dit principe van selectie: hij verwerpt genoegens om zich van andere grotere genoegens te verzekeren, of anders verdraagt ​​hij pijn om ergere pijnen te vermijden.