Încheierea cuvintelor lungi folosind CSS. Cum se adaugă o întrerupere de linie folosind proprietățile CSS Sparge de linie în HTML la redimensionare

Descriere

Proprietatea spațiu alb specifică modul de afișare a spațiilor dintre cuvinte. În circumstanțe normale, orice număr de spații din codul HTML apar ca unul singur pe o pagină web. Excepția este eticheta
Textul plasat în acest container este afișat cu toate spațiile așa cum a fost formatat de utilizator.  Deci, spațiul alb imită modul în care funcționează eticheta Dar, spre deosebire de acesta, nu schimbă fontul în monospace.
Sintaxă
spatiu alb: normal |  nowrap |  pre |  pre-linie |  pre-împachetare |  moşteni
Valori
normal Textul din fereastra browserului este afișat ca de obicei, rupturile de rând sunt setate automat. 
nowrap Spațiile nu sunt luate în considerare, rupturile de linie din codul HTML sunt ignorate, tot textul este afișat pe o singură linie; în același timp, adăugând o etichetă
împachetează textul pe o nouă linie.

 

 
 
 pre Textul este afișat luând în considerare toate spațiile și cratimele așa cum au fost adăugate de dezvoltator în codul HTML.
 
 
 
 
Dacă linia este prea lungă și nu se potrivește în fereastra browserului, va fi adăugată o bară de defilare orizontală.
 
 
 
 pre-line Spațiile nu sunt luate în considerare în text, textul este mutat automat pe linia următoare dacă nu se încadrează în zona specificată.

 pre-wrap Toate spațiile și pauzele sunt păstrate în text, dar dacă lățimea liniei nu se încadrează în zona specificată, textul va fi înfășurat automat la următoarea linie. ^{inherit Moștenește valoarea părintelui.} Efectul valorilor asupra textului este prezentat în tabel.  1. ^{inherit Moștenește valoarea părintelui.} HTML5 CSS2.1 IE Cr Op Sa Fx ^{inherit Moștenește valoarea părintelui.}
spatiu alb
 
 
 

Exemplu
Ultima teoremă a lui Fermat
X
n
+Y
= Z </p>
<p>unde n este un număr întreg > 2 <textarea>Rezultatul acestui exemplu este prezentat în Fig.  1.</p>
<p>Orez.  1. Aplicarea proprietății spațiu alb</p>
<p>Firefox până la versiunea 2.0 inclusiv nu acceptă valorile pre-line și pre-wrap.  Pentru <textarea>valorile normal, nowrap și pre sunt tratate ca pre-wrap.</p>
<p>Când realizează machete, webmasterii au periodic o întrebare: cum va fi transferat textul?  În cele mai multe cazuri, browserul se ocupă de această sarcină singur.  Dar uneori acest proces trebuie luat sub control, mai ales atunci când se formatează cuvinte și fraze lungi care, dacă sunt traduse incorect, își pierd sensul.</p> <h2>proprietatea word-wrap</h2> <p>În HTML există o etichetă specială pentru a separa liniile <br>.  Dar utilizarea sa prea frecventă este considerată proastă maniere în rândul dezvoltatorilor și adesea indică neprofesionalism.  Ca dovadă, imaginați-vă că aveți un logo și doriți ca fiecare literă să înceapă pe o linie nouă:</p><p> <!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Verificarea reformularii cuvintelor</title>
 <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
 
</body>
</html>
 </p><p>Rezultatul este un cod greoi și urât, care va provoca șoc cultural oricărui dezvoltator.  Și ce ar trebui să faceți dacă doriți ca logo-ul să fie poziționat orizontal pe versiunea desktop și vertical dacă lățimea ecranului este mai mică de 550 de pixeli?  Prin urmare, folosiți întotdeauna foile de stil în cascadă pentru a personaliza aspectul elementelor.  Mai mult, cu ajutorul instrumentelor CSS, rupturile de linie sunt efectuate într-un mod mai elegant.  În acest caz, nu există un marcaj redundant, ceea ce reduce doar viteza de încărcare a paginii.</p> <p><img src='https://i1.wp.com/fb.ru/misc/i/gallery/59435/2842719.jpg' width="100%" loading=lazy loading=lazy></p> <p>Prima proprietate pe care ar trebui să o accesați pentru procesarea textului este word-wrap.  Acceptă trei valori: normal, break-all și keep-all.  Pentru a lucra, trebuie să-ți amintești doar break-all.  Normal este valoarea implicită și nu are rost să o specificați.  Keep-all înseamnă a preveni întreruperile de rând într-un document CSS.  Proiectat special pentru caractere chinezești, japoneze și coreene.  Prin urmare, dacă nu veți crea blog într-una dintre aceste limbi, proprietatea nu vă va fi de folos.  De asemenea, nu este acceptat de browserul Safari și de telefoanele mobile iOS.</p><p>Pentru a atribui fiecare literă unei linii noi folosind CSS pentru logo-ul din exemplul anterior, trebuie să scrieți următorul cod:</p><p>P( font: bold 30px Helvetica, sans-serif; lățime: 25px; word-wrap: break-all; )</p><p>Lățimea și dimensiunea fontului sunt selectate astfel încât să existe suficient spațiu pentru o singură literă.  Word-wrap cu valoarea break-all spune browserului să despartă cuvântul pe o nouă linie de fiecare dată.  Această proprietate nu poate fi numită de neînlocuit.  Dar este util atunci când proiectați blocuri mici de text, cum ar fi câmpurile pentru introducerea comentariilor.</p> <p><img src='https://i0.wp.com/fb.ru/misc/i/gallery/59435/2842729.jpg' width="100%" loading=lazy loading=lazy></p> <h2>proprietate de spațiu alb</h2> <p>O greșeală comună pe care o fac dezvoltatorii web noi este să încerce să editeze text cu spații sau tastele Enter și apoi să se întrebe de ce eforturile lor nu apar pe pagină.  Indiferent de câte ori apăsați Enter, browserul îl va ignora.  Dar există o modalitate de a-l face să afișeze textul așa cum doriți, ținând cont de toată spațierea.</p><p>Într-un document CSS, rupturile de linie atribuite utilizând proprietatea spații albe pot fi configurate pentru a respecta spațiile sau introducerea tastelor.  Spațiul alb cu valoarea pre-linie va forța browserul să vadă Enter în text.</p><p> <!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Verificarea reformularii cuvintelor</title>
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <style type="text/css">
 body{
 width: 100%;
 margin: 0;
 padding: 0;
 display: flex;
 justify-content: center;
 -ms-align-items: center;
 align-items: center;
 }
 #wrapper{
/*Элементу-контейнеру необходимо обязательно задать ширину!*/
 width: 60%;
 background: linear-gradient(to bottom, rgba(0,0,0,.1),rgba(0,0,0,.8));
 }
 #wrapper p{
 color: #FFF;
 padding: 10px;
 font: bold 16px Helvetica, sans-serif;
 white-space: pre-line;
 }
 </style>
</head>
<body>
 
</body>
</html>
 </p><p>Dacă schimbați pre-line la pre-wrap în codul dvs. CSS, linia de wrap va ține cont de spațiul alb.  Și invers, interziceți orice împachetare atribuind textului o proprietate de spațiu alb cu valoarea nowrap:</p><p>#wrapper p( culoare: #FFF; umplutură: 10px; font: bold 16px Helvetica, sans-serif; spații albe: nowrap; )</p><h2>Text-overflow</h2> <p>Un alt instrument util pentru lucrul cu textul este text-overflow.  Pe lângă întreruperile de linie, proprietatea CSS vă permite să tăiați conținutul atunci când containerul este plin.  Ia doua valori:</p> <ul><li>clip - pur și simplu decupează textul;</li> <li>elipse - adaugă o elipsă.</li>
</ul>#wrapper p( culoare: #FFF; umplutură: 10px; font: bold 16px Helvetica, sans-serif; text-overflow: puncte suspensive; /*Adăugați o suspiciune*/ white-space: nowrap; /* Dezactivează încadrarea liniilor */ overflow : ascuns;/*Ascunde tot ce trece dincolo de container*/ ) <p>Pentru ca proprietatea să funcționeze, elementul trebuie, de asemenea, să fie setat la linebreak și overflow cu valoarea ascunsă.</p>
<h3>Informații scurte</h3>
<h3>versiuni CSS</h3>
<table class="cssver"><tr><th>CSS 1</th>
 <th>CSS 2</th>
 <th>CSS 2.1</th>
 <th>CSS 3</th>
</tr><tr><td class="spec_yes">
</td>
 <td class="spec_yes">
</td>
 <td class="spec_yes">
</td>
 <td class="spec_yes">
</td>
</tr></table><h3>Descriere</h3>
<p>Proprietatea spațiu alb specifică modul de afișare a spațiilor dintre cuvinte.  În circumstanțe normale, orice număr de spații din codul HTML apar ca unul singur pe o pagină web.  Excepția este eticheta <pre>Textul plasat în acest container este afișat cu toate spațiile așa cum a fost formatat de utilizator.  Deci, spațiul alb imită modul în care funcționează eticheta <pre>Dar, spre deosebire de acesta, nu schimbă fontul în monospace.</p>
<h3>Sintaxă</h3>
<p>spatiu alb: normal |  nowrap |  pre |  pre-linie |  pre-împachetare |  moşteni</p>
<h3>Valori</h3>normal Textul din fereastra browserului este afișat ca de obicei, rupturile de rând sunt setate automat. <br>nowrap Spațiile nu sunt luate în considerare, rupturile de linie din codul HTML sunt ignorate, tot textul este afișat pe o singură linie; <p>în același timp, adăugând o etichetă</p>
<p>împachetează textul pe o nouă linie.</p><p>
 <!DOCTYPE html>
<html>
 <head>
 <meta charset="utf-8">
 <title>pre Textul este afișat luând în considerare toate spațiile și cratimele așa cum au fost adăugate de dezvoltator în codul HTML.</title>
 <style>
 .example {
 border: 1px dashed #634f36; /* Параметры рамки */
 background: #fffff5; /* Цвет фона */
 font-family: "Courier New", Courier, monospace; /* Семейство шрифта */
 padding: 7px; /* Поля вокруг текста */
 margin: 0 0 1em; /* Отступы */
 white-space: pre; /* Учитываются все пробелы и переносы */
 }
 .exampleTitle {
 border: 1px solid black; /* Параметры рамки */
 border-bottom: none; /* Убираем линию снизу */
 padding: 3px; /* Поля вокруг текста */
 display: inline; /* Отображать как встроенный элемент */
 background: #efecdf; /* Цвет фона */
 font-weight: bold; /* Жирное начертание */
 font-size: 90%; /* Размер шрифта */
 margin: 0; /* Убираем отступы */
 white-space: nowrap; /* Переносов в тексте нет */
 }
 </style>
 </head>
 <body>
 <p class="exampleTitle">Dacă linia este prea lungă și nu se potrivește în fereastra browserului, va fi adăugată o bară de defilare orizontală.</p>
 <p class="example">
 <html>
 <body>
 <b>pre-line Spațiile nu sunt luate în considerare în text, textul este mutat automat pe linia următoare dacă nu se încadrează în zona specificată.</b><br>
 <i>pre-wrap Toate spațiile și pauzele sunt păstrate în text, dar dacă lățimea liniei nu se încadrează în zona specificată, textul va fi înfășurat automat la următoarea linie. <sup><small>inherit Moștenește valoarea părintelui.</small></sup> Efectul valorilor asupra textului este prezentat în tabel.  1. <sup><small>inherit Moștenește valoarea părintelui.</small></sup> HTML5 CSS2.1 IE Cr Op Sa Fx <sup><small>inherit Moștenește valoarea părintelui.</small></sup></i><br>spatiu alb</body>
 </html>
 </p>
 </body>
</html>
</p><p>Exemplu</p>
<p>Ultima teoremă a lui Fermat</p>
<h3>X</h3>
<p>n</p>
<h3>+Y</h3>
<p>= Z <textarea></p>
<p>unde n este un număr întreg > 2 <textarea>Rezultatul acestui exemplu este prezentat în Fig.  1.</p>
<p>Orez.  1. Aplicarea proprietății spațiu alb</p>
<p>Firefox până la versiunea 2.0 inclusiv nu acceptă valorile pre-line și pre-wrap.  Pentru <textarea>valorile normal, nowrap și pre sunt tratate ca pre-wrap.</p>
<p>Vlad Merjevici</p>
 <p>Spre deosebire de text în tipărire, cratimele sunt rareori folosite pe o pagină web, deoarece nu suntem strict legați de formatul hârtiei.  Site-urile web pot fi vizualizate pe diferite monitoare, cu rezoluții diferite, în diferite sisteme de operare și browsere.  Toate acestea dau naștere unei astfel de combinații de combinații încât este imposibil de prezis cum va arăta textul final pentru utilizator.  Din această cauză, textul este de obicei aliniat la stânga, iar cratimele apar în cuvinte întregi.  Dar totuși, separarea cuvintelor este necesară în unele cazuri, de exemplu, atunci când termeni chimici sau medicali lungi sunt utilizați în coloane înguste de o lățime dată, de dragul esteticii.  Nu există multe modalități manuale sau automate de a adăuga cratime în HTML și CSS, așa că le voi enumera pe toate.</p>
<h2>Folosind o etichetă <wbr></h2>
<p>Etichetă <wbr>introdus în HTML5 și creează încadrare de cuvinte atunci când este necesar.  În acele locuri în care, conform regulilor limbii ruse, este permisă scrierea cu silabe, introducem <wbr>(exemplul 1).  Dacă întregul cuvânt se încadrează în lățimea alocată, această etichetă nu se va manifesta în niciun fel și nici măcar nu vom ști despre prezența sa.  Dacă cuvântul nu se potrivește, browserul se află în locația etichetei <wbr>creează un transfer.</p>
<p>Exemplul 1. Tag <wbr></p><p>
 <!DOCTYPE html>
<html>
 <head>
 <meta charset="utf-8">
 <title>Transferuri</title>
 <style> </style>
 </head>
 <body>
 <p class="word">Unul <wbr>clasa a XII-a <wbr>visătorul Anzhelika, după ce a absolvit școala, a ales profesia de afaceri <wbr>produs <wbr>şofer <wbr>culcat la pământ.</p>
 </body>
</html>
</p><p>Exemplu</p>
<p>Orez.  1. Text cu cratime</p>
<h2>Transfer moale</h2>
<p>Aplicație <wbr>are un dezavantaj serios - este imposibil să înțelegem dacă este o cratimă în fața noastră sau un cuvânt separat pe o altă linie.  Din această cauză, sensul propoziției poate fi pierdut și poate fi înțeles greșit.  Similitarea trebuie făcută după regulile tipografiei și anume: adăugați o cratimă la sfârșitul rândului.  Secțiunea cu silabe se descurcă bine cu acest lucru în codul HTML există un caracter special pentru aceasta - .  Are același rol ca o etichetă <wbr>- nu este vizibil în textul obișnuit și mută cuvântul pe o altă linie, în timp ce adaugă o cratimă (exemplul 2).</p>
<p>Exemplul 2: Transfer soft</p><p>
 <!DOCTYPE html>
<html>
 <head>
 <meta charset="utf-8">
 <title>Transferuri</title>
 <style>
 .word {
 width: 160px;
 background: #f0f0f0;
 border: 1px solid #333;
 padding: 10px;
 font-size: 18px;
 }
 </style>
 </head>
 <body>
 <p class="word">Elevă în clasa a XI-a, Angelica, după ce a absolvit școala, a ales meseria de șofer de afaceri.</p>
 </body>
</html>
</p><p>Rezultatul acestui exemplu este prezentat în Fig.  2. Observați cât de mult mai plăcut din punct de vedere estetic și mai clar arată textul în comparație cu figură.  1.</p>
<p><img src='https://i0.wp.com/htmlbook.ru/files/images/blog/break_2.png' height="169" width="182" loading=lazy loading=lazy></p>
<p>Orez.  2. Text cu cratime</p>
<h2>proprietatea de rupere a cuvintelor</h2>
<p>Pentru a automatiza procesul de creare a cratimelor, utilizați proprietatea word-break cu valoarea break-all (exemplul 3).  Nu mai trebuie să adăugați niciun simbol sau etichetă la stilurile HTML, aveți grijă de tot.</p>
<p>Exemplul 3. Folosirea word-break</p><p>
 <!DOCTYPE html>
<html>
 <head>
 <meta charset="utf-8">
 <title>Transferuri</title>
 <style>
 .word {
 width: 160px;
 background: #f0f0f0;
 border: 1px solid #333;
 padding: 10px;
 font-size: 18px;
 word-break: break-all;
 }
 </style>
 </head>
 <body>
 <p class="word">Angelica, în clasa a XI-a, a ales profesia de angajat de birou după absolvirea școlii.</p>
 </body>
</html>
</p><p>Rezultatul acestui exemplu este prezentat în Fig.  3. Regulile pentru separarea textului cu silabe nu sunt luate în considerare în acest caz, astfel încât cuvintele pot fi separate cu silabe într-un mod foarte bizar.</p>
<p><img src='https://i0.wp.com/htmlbook.ru/files/images/blog/break_3.png' height="148" width="182" loading=lazy loading=lazy></p>
<p>Orez.  3. Text cu cratime</p>
<p>Dintre toate metodele enumerate, utilizarea „semi-manuală” dă cel mai bun rezultat - sunt respectate regulile limbii ruse, textul arată cel mai plăcut din punct de vedere estetic.  Folosiți-l când există cuvinte lungi în text.</p>
<h2>Proprietatea cratimelor</h2>
<p>Și, în sfârșit, cea mai puternică și convenabilă proprietate pentru adăugarea automată a cratimelor este cratimele.  Acțiunea sa se bazează pe dicționarul de silabe integrat în browser, deci oferă cel mai bun rezultat.  Suportat în IE10, Firefox, Android și iOS.  Chrome și Opera nu acceptă.  Pentru ca asta să funcționeze, pentru etichetă <html>adăugați atributul lang cu valoarea ru (exemplul 4).</p>
<p>Exemplul 4: Utilizarea cratimelor</p><p>
 <!DOCTYPE html>
<html lang="ru">
 <head>
 <meta charset="utf-8">
 <title>Transferuri</title>
 <style>
 .word {
 width: 160px;
 background: #f0f0f0;
 border: 1px solid #333;
 padding: 10px;
 font-size: 18px;
 -moz-hyphens: auto;
 -webkit-hyphens: auto;
 -ms-hyphens: auto;
 }
 </style>
 </head>
 <body>
 <p class="word">Angelica, în clasa a XI-a, a ales profesia de angajat de birou după absolvirea școlii.</p>
 </body>
</html>
</p><p>Rezultatul acestui exemplu este prezentat în Fig.  4.</p>
<p><img src='https://i1.wp.com/htmlbook.ru/files/images/blog/break_4.png' height="146" width="182" loading=lazy loading=lazy></p>
<p>Orez.  4. Text cu cratime</p>
<h2>Interzicerea transferurilor</h2>
<p>Adesea apare sarcina opusă - interzicerea silabelor în locuri în care acestea sunt inacceptabile conform regulilor limbii.  De exemplu, nu puteți separa unitățile de măsură dintr-un număr (10 ml), desemnarea unui an (54 î.Hr.), inițialele dintr-un nume de familie, nu puteți rupe abrevieri stabile (etc.), etc. Pentru a împiedica browserul să adauge cratime la spațiul, acesta trebuie înlocuit cu un spațiu care nu se rupe (exemplul 5).</p>
<p>Exemplul 5: Utilizare</p><p>
 <!DOCTYPE html>
<html>
 <head>
 <meta charset="utf-8">
 <title>Transferuri</title>
 <style>
 .word {
 width: 160px;
 background: #f0f0f0;
 border: 1px solid #333;
 padding: 10px;
 font-size: 18px;
 }
 </style>
 </head>
 <body>
 <p class="word">Lacul la coordonatele 70° 58′ 19″ N.  w.</p>
 </body>
</html>
</p><p>97° 24′ 5″ E.  situat în districtul Taimyr Dolgano-Nenets din teritoriul Krasnoyarsk al Rusiei.</p>
<p>În acest exemplu, pentru a scrie corect coordonatele, folosim , care nu permite împachetarea textului.</p><p> <p>Salutare tuturor și să începem.  Să presupunem că avem următorul text:</p>
 </p><p>Guvernul Emiratelor Arabe Unite și administrația concentrează în acest oraș toate cele mai noi tehnologii bazate pe ultimele realizări ale științei și tehnologiei, încercând să-l transforme într-un oraș al viitorului, parcă direct de pe ecranul unor science fiction. film.  Aceste tehnologii includ polițiști robot, mașini robot și sistemul de transport Hyperloop, iar în viitorul apropiat va începe să funcționeze în Dubai un serviciu de taxi zburător automat.  Și în pregătirea acestui eveniment, o aeronavă Volocopter electrică cu două locuri cu 18 rotoare, care va fi folosită ca taxi, a efectuat primul zbor în regim automat, scriu ei...</p>
<p>Aici avem un text cu care acum vom începe să lucrăm.</p>
<p>Și prima proprietate pe care o vom lua în considerare se numește word-break</p>
<p>ruptura de cuvinte: normal |  păstrează-toate |  rupe-totul</p><p>Suntem interesați în principal de două valori ale acestei proprietăți normale - valoarea implicită și break-all, cu ajutorul cărora stabilim că împachetarea cuvintelor se realizează caracter cu caracter.  În ceea ce privește keep-all, această valoare este folosită pentru a încheia cuvintele în chineză, japoneză și coreeană.</p><p>P( ruptura de cuvinte: break-all;. )</p>
<p>Vă rugăm să rețineți că, după aplicarea acestui stil, tot textul nostru este întins la toată lățimea disponibilă, iar cratimele sunt realizate nu prin cuvinte, ci prin caractere.  Această proprietate poate fi utilă atunci când avem un cuvânt foarte lung care nu se încadrează în lățimea specificată.  Cu toate acestea, acest lucru creează un fel de inconvenient, deoarece absolut toate cuvintele sunt transferate caracter cu caracter, chiar și cele care se încadrează în lățimea dată.</p><p>P( overflow-wrap: break-word; )</p><p>iar după aplicarea valorii cuvântului de ruptură, tot textul nostru este transferat cuvânt cu cuvânt, iar cuvintele care nu se încadrează în lățimea specificată sunt transferate caracter cu caracter.  Putem spune că sarcina este finalizată!  În plus față de valoarea cuvântului de ruptură, această proprietate acceptă:</p>
<p>overflow-wrap: normal |  break-word |  moşteni;</p>
<p>Acum să trecem la o proprietate CSS mai avansată pentru împachetarea cuvintelor în text.</p>
<p>Să luăm în considerare proprietatea white-space, cu care putem imita funcționarea etichetei pre fără a schimba textul în sine în monospace.</p>
<p>spatiu alb: normal |  nowrap |  pre |  pre-linie |  pre-împachetare |  moşteni</p>
<p>În esență, folosind această proprietate, lucrăm doar cu spații din text.  De exemplu, dacă aplicăm următorul stil textului nostru:</p><p>Spațiu alb: nowrap;</p><p>toate rupturile de linie vor fi ignorate și textul nostru va fi afișat ca o singură linie.</p><p>Spatiu alb: pre;</p><p>Dacă valoarea este pre, toate întreruperile de linie vor fi similare cu cele din codul sursă.  În plus, dacă textul nu se încadrează în lățimea specificată, atunci nu va fi transferat.  Dacă vrem să fie transferat, atunci trebuie să specificăm valoarea pre-linie.</p>
<p>Dacă vrem să luăm în considerare nu numai rupturile de linie a codului sursă, ci și spațiile dintre cuvinte, atunci trebuie să specificăm:</p><p>Spațiu alb: pre-înfășurare;</p><p>Acesta este, practic, tot ce am vrut să vă spun despre separarea cu silabe folosind CSS.  Sper că acest articol ți-a fost de folos și vei folosi cunoștințele acumulate de mai multe ori.</p>
<p>Ei bine, îmi iau rămas bun de la tine.  Iti doresc succes si bafta!  Pa!</p>

<script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+
	escape(document.referrer)+((typeof(screen)=="undefined")?"":
	";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
	screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+
	";"+Math.random()+
	"border='0' width='1' height='1' loading=lazy loading=lazy>");</script>

                                <div class="selecionadas">
                                    <h4>Citeste si...</h4>
                                    <ul class="list-unstyled" id="veja">
                                                                                <li><a href="https://tractorillo.ru/ro/nastroika-karty-nvidia-black-desert-optimizaciya-kompyutera-pod-igry-video-o-nastroike/" title="Optimizarea computerului pentru jocuri">Optimizarea computerului pentru jocuri</a></li>
                                                                                <li><a href="https://tractorillo.ru/ro/osobennosti-i-pravila-polnogo-klonirovaniya-dannyh-zhestkogo-diska-s-hdd-na/" title="Transferarea sistemului pe un SSD: instrucțiuni Clonarea unui disc pe un SSD Windows 10">Transferarea sistemului pe un SSD: instrucțiuni Clonarea unui disc pe un SSD Windows 10</a></li>
                                                                                <li><a href="https://tractorillo.ru/ro/karty-kak-poluchit-monety-macbain-v-icarus-karta-resursov---vse-lokacii-v/" title="Cum să obțineți monede MacBain pe harta resurselor Icarus - toate locațiile din Icarus">Cum să obțineți monede MacBain pe harta resurselor Icarus - toate locațiile din Icarus</a></li>
                                                                                <li><a href="https://tractorillo.ru/ro/skrinshot-tremya-palcami-miui-takzhe-vam-ponravyatsya/" title="Captură de ecran cu trei degete miui">Captură de ecran cu trei degete miui</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="social-bottom">
                                <div class="visible-xs col-xs-3 col-md-4"><a class="wp bt w active popup" href="https://tractorillo.ru/ro/whatsapp://send?text=https://tractorillo.ru/perenos-dlinnyh-slov-s-pomoshchyu-css-kak-dobavit-s-pomoshchyu-svoistv/"><i class="fa fa-whatsapp" aria-hidden="true"></i></a></div>
                                <div class="col-xs-3 col-md-4"><a class="fb bt f active popup" href="https://www.facebook.com/sharer/sharer.php?u=https://tractorillo.ru/perenos-dlinnyh-slov-s-pomoshchyu-css-kak-dobavit-s-pomoshchyu-svoistv/"><i class="fa fa-facebook" aria-hidden="true"></i></a></div>
                                <div class="col-xs-3 col-md-4"><a class="tw bt t active popup" href="https://twitter.com/home?status=https://tractorillo.ru/perenos-dlinnyh-slov-s-pomoshchyu-css-kak-dobavit-s-pomoshchyu-svoistv/"><i class="fa fa-twitter" aria-hidden="true"></i></a></div>
                            </div>
                            
                            
                            <div class="related_block veja">
                                <div class="banheiros_middle">
                                    
                                    <div class="clearfix"></div>
                                </div>
                                
                                                                        <div class="related_block_cnt ">
                                        <div class="related_block_lft col-xs-5">
                                            <a href="https://tractorillo.ru/ro/kak-zashchitit-smartfony-ot-virusov-i-shpionskogo-po-kak-zashchitit/" title="Cum să vă protejați telefonul de viruși">
                                                <figure><img src="/uploads/102628b2318b85cac1fc334b9a143712.jpg" width="287" height="159" alt="Cum să vă protejați telefonul de viruși" class="img-responsive img-rounded" data-pin-nopin="true" loading=lazy loading=lazy></figure>
                                            </a>
                                        </div>
                                        <div class="related_block_rgt col-xs-7">
                                            <p><a href="https://tractorillo.ru/ro/kak-zashchitit-smartfony-ot-virusov-i-shpionskogo-po-kak-zashchitit/" title="Cum să vă protejați telefonul de viruși">Cum să vă protejați telefonul de viruși</a></p>
                                        </div>
                                        <div class="clearfix"></div>
                                    </div>
                                

                                
                                                                        <div class="related_block_cnt ">
                                        <div class="related_block_lft col-xs-5">
                                            <a href="https://tractorillo.ru/ro/mozhno-li-ustanovit-vindovs-s-fleshki-ustanovka-operacionnoi/" title="Instalarea unui sistem de operare de pe o unitate flash prin BIOS">
                                                <figure><img src="/uploads/ec6772730d54bd391600ced53d898e2f.jpg" width="287" height="159" alt="Instalarea unui sistem de operare de pe o unitate flash prin BIOS" class="img-responsive img-rounded" data-pin-nopin="true" loading=lazy loading=lazy></figure>
                                            </a>
                                        </div>
                                        <div class="related_block_rgt col-xs-7">
                                            <p><a href="https://tractorillo.ru/ro/mozhno-li-ustanovit-vindovs-s-fleshki-ustanovka-operacionnoi/" title="Instalarea unui sistem de operare de pe o unitate flash prin BIOS">Instalarea unui sistem de operare de pe o unitate flash prin BIOS</a></p>
                                        </div>
                                        <div class="clearfix"></div>
                                    </div>
                                

                                
                                                                        <div class="related_block_cnt ">
                                        <div class="related_block_lft col-xs-5">
                                            <a href="https://tractorillo.ru/ro/bios-versiya-2-17-1246-nastroika-nastroiki-bios-detalnaya-instrukciya-v-kartinkah/" title="Setarea Bios versiunea 2.17 1246.  Setări bios - Instrucțiuni detaliate în imagini.  Secțiunea BOOT - managementul pornirii">
                                                <figure><img src="/uploads/c1a154466840c4936e5c89a7ebe66970.jpg" width="287" height="159" alt="Setarea Bios versiunea 2.17 1246.  Setări bios - Instrucțiuni detaliate în imagini.  Secțiunea BOOT - managementul pornirii" class="img-responsive img-rounded" data-pin-nopin="true" loading=lazy loading=lazy></figure>
                                            </a>
                                        </div>
                                        <div class="related_block_rgt col-xs-7">
                                            <p><a href="https://tractorillo.ru/ro/bios-versiya-2-17-1246-nastroika-nastroiki-bios-detalnaya-instrukciya-v-kartinkah/" title="Setarea Bios versiunea 2.17 1246.  Setări bios - Instrucțiuni detaliate în imagini.  Secțiunea BOOT - managementul pornirii">Setarea Bios versiunea 2.17 1246.  Setări bios - Instrucțiuni detaliate în imagini.  Secțiunea BOOT - managementul pornirii</a></p>
                                        </div>
                                        <div class="clearfix"></div>
                                    </div>
                                


                            </div>
                            
                        </div>
                        <div class="adol_side_bar col-md-3">
                            <div class="adol_views">
                                                                <div class="banheiros_middle">
                                    <div class="banheiros_left"> <span>Cel mai bun de pe site</span> </div>
                                    <div class="clearfix"></div>
                                </div>
                                                                <div class="adol_views_cnt"> <a href="https://tractorillo.ru/ro/mhl-adaptery-podklyuchenie-smartfona-k-avtomobilyu-mhl-adaptery-podklyuchenie/"> <span>1</span> <p>Adaptoare MHL, conectarea unui smartphone la o mașină Chromecast: streaming simplu, dar costisitor</p> <div class="clearfix"></div> </a> </div>
                                                                <div class="adol_views_cnt">
                                    <a href="https://tractorillo.ru/ro/chto-mozhno-uznat-po-imei-iphone-kupil-iphone-chto-delat-dalshe-chto-nuzhno-znat/"> <span>2</span> <p>Mi-am cumpărat un iPhone, ce să fac în continuare?</p> <div class="clearfix"></div> </a> </div>
                                                                <div class="adol_views_cnt">
                                    <a href="https://tractorillo.ru/ro/kak-polzovatsya-programmoi-rufus-rezhem-fleshki-sozdanie-zagruzochnogo-usb/"> <span>3</span> <p>Crearea unei unități USB bootabile utilizând programul Rufus Secțiunea „Sistem de fișiere”</p> <div class="clearfix"></div> </a> </div>
                                                                <div class="adol_views_cnt"> <a href="https://tractorillo.ru/ro/reshenie-problemy-s-assistentom-boot-camp-vosstanovlenie-zagruzhaemosti-windows-posle-ustanovki-os-x/"> <span>4</span> <p>Restaurarea bootabilității Windows după instalarea OS X Yosemite Pe laptop-uri cu o baterie neamovibilă</p> <div class="clearfix"></div> </a> </div>
                                                                <div class="adol_views_cnt"> <a href="https://tractorillo.ru/ro/eagle-programma-razrabotki-pechatnyh-plat-sozdanie-pechatnyh-plat-v-eagle-cad-dlya/"> <span>5</span> <p>Crearea de PCB-uri în Eagle CAD pentru începători</p> <div class="clearfix"></div> </a> </div>
                            </div>
                            <div class="adol_views adol_latest">
                                                                <div class="banheiros_middle">
                                    <div class="banheiros_left"> <span>Nou</span> </div>
                                    <div class="clearfix"></div>
                                </div>
                                                                <div class="adol_views_cnt">
                                    <a href="https://tractorillo.ru/ro/dvuhfaktornaya-autentifikaciya-yandeks-yandeks-klyuch-prilozhenie-dlya-vhoda-v/" title="Autentificare cu doi factori Yandex">
                                        <figure><img src="/uploads/8eada44d273c42b582ae60b4bce00173.jpg" width="100" height="100" alt="Autentificare cu doi factori Yandex" class="img-responsive" data-pin-nopin="true" loading=lazy loading=lazy></figure>
                                        <p>Autentificare cu doi factori Yandex</p>
                                        <div class="clearfix"></div>
                                    </a>
                                </div>
                                                                <div class="adol_views_cnt">
                                    <a href="https://tractorillo.ru/ro/kak-sdelat-proecirovanie-na-windows-10-kak-vyvesti-izobrazhenie-na-bolshoi-ekran/" title="Cum să afișați o imagine pe ecranul mare prin Miracast">
                                        <figure><img src="/uploads/709ae5eb01a24576093362c8e967d64f.jpg" width="100" height="100" alt="Cum să afișați o imagine pe ecranul mare prin Miracast" class="img-responsive" data-pin-nopin="true" loading=lazy loading=lazy></figure>
                                        <p>Cum să afișați o imagine pe ecranul mare prin Miracast</p>
                                        <div class="clearfix"></div>
                                    </a>
                                </div>
                                                                <div class="adol_views_cnt">
                                    <a href="https://tractorillo.ru/ro/promokody-dlya-epn-cashback-instrukciya-po-aktivacii-epn-keshbek-s-chelovecheskim-licom-povyshennyi-ke/" title="Coduri promoționale pentru ePN Cashback">
                                        <figure><img src="/uploads/389b0d7b241f2d61e1cd7ae2b0aa2d18.jpg" width="100" height="100" alt="Coduri promoționale pentru ePN Cashback" class="img-responsive" data-pin-nopin="true" loading=lazy loading=lazy></figure>
                                        <p>Coduri promoționale pentru ePN Cashback</p>
                                        <div class="clearfix"></div>
                                    </a>
                                </div>
                                                                <div class="adol_views_cnt">
                                    <a href="https://tractorillo.ru/ro/upravlenie-zvukom-s-garnitury-android-upravlenie-zvukom-s/" title="Control audio de la căști (Android) Înregistrare video secretă">
                                        <figure><img src="/uploads/12619a5ea0284648245a44e30b5709de.jpg" width="100" height="100" alt="Control audio de la căști (Android) Înregistrare video secretă" class="img-responsive" data-pin-nopin="true" loading=lazy loading=lazy></figure>
                                        <p>Control audio de la căști (Android) Înregistrare video secretă</p>
                                        <div class="clearfix"></div>
                                    </a>
                                </div>
                                                                <div class="adol_views_cnt" style="border-bottom:0;">
                                    <a href="https://tractorillo.ru/ro/programmy-dlya-bada-samsung-za-poslednie-nedeli-istoriya-razvitiya/" title="Istoria dezvoltării sistemelor de operare mobile: Samsung Bada">
                                        <figure><img src="/uploads/c718dc03acba2126b82f3a08f6950a17.jpg" width="100" height="100" alt="Istoria dezvoltării sistemelor de operare mobile: Samsung Bada" class="img-responsive" data-pin-nopin="true" loading=lazy loading=lazy></figure>
                                        <p>Istoria dezvoltării sistemelor de operare mobile: Samsung Bada</p>
                                        <div class="clearfix"></div>
                                    </a>
                                </div>
                                                                <div class="adol_views_cnt">
                                    <a href="https://tractorillo.ru/ro/kak-sdelat-sebe-server-chtoby-byt-osnovoi-kak-sdelat-besplatnyi-hosting-na/" title="Cum să faci găzduire gratuită pe computer">
                                        <figure><img src="/uploads/20ebc9977cfb02f39ed337033678870e.jpg" width="100" height="100" alt="Cum să faci găzduire gratuită pe computer" class="img-responsive" data-pin-nopin="true" loading=lazy loading=lazy></figure>
                                        <p>Cum să faci găzduire gratuită pe computer</p>
                                        <div class="clearfix"></div>
                                    </a>
                                </div>
                                                                <div class="adol_views_cnt">
                                    <a href="https://tractorillo.ru/ro/nastroika-karty-nvidia-black-desert-optimizaciya-kompyutera-pod-igry-video-o-nastroike/" title="Optimizarea computerului pentru jocuri">
                                        <figure><img src="/uploads/ea662459e8d9b20763ba6715a94b38f1.jpg" width="100" height="100" alt="Optimizarea computerului pentru jocuri" class="img-responsive" data-pin-nopin="true" loading=lazy loading=lazy></figure>
                                        <p>Optimizarea computerului pentru jocuri</p>
                                        <div class="clearfix"></div>
                                    </a>
                                </div>
                                                                <div class="adol_views_cnt">
                                    <a href="https://tractorillo.ru/ro/osobennosti-i-pravila-polnogo-klonirovaniya-dannyh-zhestkogo-diska-s-hdd-na/" title="Transferarea sistemului pe un SSD: instrucțiuni Clonarea unui disc pe un SSD Windows 10">
                                        <figure><img src="/uploads/82f261b14b5f1cfcb45dd1f0781029f6.jpg" width="100" height="100" alt="Transferarea sistemului pe un SSD: instrucțiuni Clonarea unui disc pe un SSD Windows 10" class="img-responsive" data-pin-nopin="true" loading=lazy loading=lazy></figure>
                                        <p>Transferarea sistemului pe un SSD: instrucțiuni Clonarea unui disc pe un SSD Windows 10</p>
                                        <div class="clearfix"></div>
                                    </a>
                                </div>
                                                                <div id="fixed" class="text-center adbg visible-md visible-lg">
                                    <div id="div-gpt-ad-1503606018038-9" class="lazyload" data-ad-slot="ros_side">
                                        
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <section class="ultimas gesto gesto2 recomendados">
                <div class="container">
                    <div class="row">
                        <div class="gesto_in">
                            <h4><span>Vă recomandăm să citiți</span></h4>
                            <div class="quarters_left quarters_left1 col-xs-12">
                                <ul>
                                    
                                                                                <li class="col-lg-3 col-md-3 col-sm-4 col-xs-6">
                                            <div class="quarters_left_in">
                                                <a href="https://tractorillo.ru/ro/skrinshot-tremya-palcami-miui-takzhe-vam-ponravyatsya/">
                                                    <figure> <img src="/uploads/09e0313a8a732b02827ba6d2579abcb5.jpg" width="288" height="160" alt="Captură de ecran cu trei degete miui" class="img-responsive bordertop" data-pin-nopin="true" loading=lazy loading=lazy> </figure>
                                                </a>
                                                <div class="por_top"> <a href="https://tractorillo.ru/ro/skrinshot-tremya-palcami-miui-takzhe-vam-ponravyatsya/">Captură de ecran cu trei degete miui</a> </div>
                                            </div>
                                        </li>
                                    

                                    
                                                                                <li class="col-lg-3 col-md-3 col-sm-4 col-xs-6">
                                            <div class="quarters_left_in">
                                                <a href="https://tractorillo.ru/ro/kak-zashchitit-smartfony-ot-virusov-i-shpionskogo-po-kak-zashchitit/">
                                                    <figure> <img src="/uploads/39d00118a52b8f2948f6e6b15d05eeee.jpg" width="288" height="160" alt="Cum să vă protejați telefonul de viruși" class="img-responsive bordertop" data-pin-nopin="true" loading=lazy loading=lazy> </figure>
                                                </a>
                                                <div class="por_top"> <a href="https://tractorillo.ru/ro/kak-zashchitit-smartfony-ot-virusov-i-shpionskogo-po-kak-zashchitit/">Cum să vă protejați telefonul de viruși</a> </div>
                                            </div>
                                        </li>
                                    

                                    
                                                                                <li class="col-lg-3 col-md-3 col-sm-4 col-xs-6">
                                            <div class="quarters_left_in">
                                                <a href="https://tractorillo.ru/ro/mozhno-li-ustanovit-vindovs-s-fleshki-ustanovka-operacionnoi/">
                                                    <figure> <img src="/uploads/9a04735a1059d6d456133f8efd276e34.jpg" width="288" height="160" alt="Instalarea unui sistem de operare de pe o unitate flash prin BIOS" class="img-responsive bordertop" data-pin-nopin="true" loading=lazy loading=lazy> </figure>
                                                </a>
                                                <div class="por_top"> <a href="https://tractorillo.ru/ro/mozhno-li-ustanovit-vindovs-s-fleshki-ustanovka-operacionnoi/">Instalarea unui sistem de operare de pe o unitate flash prin BIOS</a> </div>
                                            </div>
                                        </li>
                                    

                                    
                                                                                <li class="col-lg-3 col-md-3 col-sm-4 col-xs-6">
                                            <div class="quarters_left_in">
                                                <a href="https://tractorillo.ru/ro/bios-versiya-2-17-1246-nastroika-nastroiki-bios-detalnaya-instrukciya-v-kartinkah/">
                                                    <figure> <img src="/uploads/02aaae38b6d8da86c02c59877f90d0c3.jpg" width="288" height="160" alt="Setarea Bios versiunea 2.17 1246.  Setări bios - Instrucțiuni detaliate în imagini.  Secțiunea BOOT - managementul pornirii" class="img-responsive bordertop" data-pin-nopin="true" loading=lazy loading=lazy> </figure>
                                                </a>
                                                <div class="por_top"> <a href="https://tractorillo.ru/ro/bios-versiya-2-17-1246-nastroika-nastroiki-bios-detalnaya-instrukciya-v-kartinkah/">Setarea Bios versiunea 2.17 1246.  Setări bios - Instrucțiuni detaliate în imagini.  Secțiunea BOOT - managementul pornirii</a> </div>
                                            </div>
                                        </li>
                                    

                                    
                                                                                <li class="col-lg-3 col-md-3 col-sm-4 col-xs-6">
                                            <div class="quarters_left_in">
                                                <a href="https://tractorillo.ru/ro/kak-sbrosit-aktivaciyu-vin-10/">
                                                    <figure> <img src="/uploads/b73f29878ad91e4bcde895a45d112a74.jpg" width="288" height="160" alt="Cum să resetați activarea Windows 10" class="img-responsive bordertop" data-pin-nopin="true" loading=lazy loading=lazy> </figure>
                                                </a>
                                                <div class="por_top"> <a href="https://tractorillo.ru/ro/kak-sbrosit-aktivaciyu-vin-10/">Cum să resetați activarea Windows 10</a> </div>
                                            </div>
                                        </li>
                                    

                                    
                                                                                <li class="col-lg-3 col-md-3 col-sm-4 col-xs-6">
                                            <div class="quarters_left_in">
                                                <a href="https://tractorillo.ru/ro/mhl-adaptery-podklyuchenie-smartfona-k-avtomobilyu-mhl-adaptery-podklyuchenie/">
                                                    <figure> <img src="/uploads/334dce584606bd0615838026eb312f77.jpg" width="288" height="160" alt="Adaptoare MHL, conectarea unui smartphone la o mașină Chromecast: streaming simplu, dar costisitor" class="img-responsive bordertop" data-pin-nopin="true" loading=lazy loading=lazy> </figure>
                                                </a>
                                                <div class="por_top"> <a href="https://tractorillo.ru/ro/mhl-adaptery-podklyuchenie-smartfona-k-avtomobilyu-mhl-adaptery-podklyuchenie/">Adaptoare MHL, conectarea unui smartphone la o mașină Chromecast: streaming simplu, dar costisitor</a> </div>
                                            </div>
                                        </li>
                                    

                                    
                                                                                <li class="col-lg-3 col-md-3 col-sm-4 col-xs-6">
                                            <div class="quarters_left_in">
                                                <a href="https://tractorillo.ru/ro/chto-mozhno-uznat-po-imei-iphone-kupil-iphone-chto-delat-dalshe-chto-nuzhno-znat/">
                                                    <figure> <img src="/uploads/d23edf39c8c2aa303554fe0c10a064b5.jpg" width="288" height="160" alt="Mi-am cumpărat un iPhone, ce să fac în continuare?" class="img-responsive bordertop" data-pin-nopin="true" loading=lazy loading=lazy> </figure>
                                                </a>
                                                <div class="por_top"> <a href="https://tractorillo.ru/ro/chto-mozhno-uznat-po-imei-iphone-kupil-iphone-chto-delat-dalshe-chto-nuzhno-znat/">Mi-am cumpărat un iPhone, ce să fac în continuare?</a> </div>
                                            </div>
                                        </li>
                                    

                                    
                                                                                <li class="col-lg-3 col-md-3 col-sm-4 col-xs-6">
                                            <div class="quarters_left_in">
                                                <a href="https://tractorillo.ru/ro/kak-polzovatsya-programmoi-rufus-rezhem-fleshki-sozdanie-zagruzochnogo-usb/">
                                                    <figure> <img src="/uploads/f07107ab32031da368f039ee93afd7fd.jpg" width="288" height="160" alt="Crearea unei unități USB bootabile utilizând programul Rufus Secțiunea „Sistem de fișiere”" class="img-responsive bordertop" data-pin-nopin="true" loading=lazy loading=lazy> </figure>
                                                </a>
                                                <div class="por_top"> <a href="https://tractorillo.ru/ro/kak-polzovatsya-programmoi-rufus-rezhem-fleshki-sozdanie-zagruzochnogo-usb/">Crearea unei unități USB bootabile utilizând programul Rufus Secțiunea „Sistem de fișiere”</a> </div>
                                            </div>
                                        </li>
                                    
                                </ul>
                                <div class="clearfix"></div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </section>
            
                <div class="footer_social ">
    <div class="container">
        <div class="row">
            <div class="social_left">
                <a href="https://tractorillo.ru/ro/" title="Procesare imagini și video">
                    <figure> <img src="/img/logo.png" style='max-height:50px;max-width:300px;' alt="Procesare imagini și video" class="img-responsive" loading=lazy loading=lazy> </figure>
                </a>
                <ul>
                                        <li><a href="https://tractorillo.ru/ro/category/photoshop/">Photoshop</a></li>
                                        <li><a href="https://tractorillo.ru/ro/category/photoshop-lessons/">Lecții Photoshop</a></li>
                                        <li><a href="https://tractorillo.ru/ro/category/photo-effects/">Efecte foto</a></li>
                                        <li><a href="https://tractorillo.ru/ro/category/text-effects/">Efecte de text</a></li>
                                        <li><a href="https://tractorillo.ru/ro/category/photoshop-3d/">Photoshop 3D</a></li>
                </ul>
                <div class="clearfix"></div>
            </div>
            <div class="social_right">
                <h4>Suntem pe rețelele de socializare</h4>
                <ul>
                    <li><a href="https://www.facebook.com/sharer/sharer.php?u=https://tractorillo.ru/perenos-dlinnyh-slov-s-pomoshchyu-css-kak-dobavit-s-pomoshchyu-svoistv/" target="_blank" class="fb"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
                    <li><a href="" target="_blank" class="square"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
                    <li><a href="" target="_blank" class="pinte"><i class="fa fa-pinterest-p" aria-hidden="true"></i></a></li>
                    <li><a href="https://www.twitter.com/share?url=https%3A%2F%2Ftractorillo.ru%2Fro%2Fperenos-dlinnyh-slov-s-pomoshchyu-css-kak-dobavit-s-pomoshchyu-svoistv" target="_blank" class="twitt"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
                </ul>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
</div>
            

            <footer>
    <div class="container">
        <div class="row">
            <div class="footer_left">
                <p>© 2024 Procesare imagini și video</p>
            </div>
            <div class="footer_right">
                <ul>
                    <li><a href="" target="_blank" >Despre site</a></li>
                    <li><a href="" target="_blank" >Publicitate</a></li>
                    <li><a href="https://tractorillo.ru/ro/feedback/" target="_blank" >Contacte</a></li>
                </ul>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</footer>
        </div> <a id="back-to-top" href="#" class="btn btn-primary btn-lg back-to-top visible-md visible-lg"><i class="fa fa-chevron-up" aria-hidden="true"></i></a>
        <script>
            var cb = function() {
                var l = document.createElement('link');
                l.rel = 'stylesheet';
                l.href = '/wp-content/themes/ctt-dicasdemulher/css/combined_css.css?test';
                var h = document.getElementsByTagName('head')[0];
                h.parentNode.insertBefore(l, h);
            };
            var raf = requestAnimationFrame || mozRequestAnimationFrame ||
                webkitRequestAnimationFrame || msRequestAnimationFrame;
            if (raf) raf(cb);
            else window.addEventListener('load', cb);
        </script>
        <script type="text/javascript">
            ;
            var be_css_defer = document.createElement("link");
            be_css_defer.rel = "stylesheet";
            be_css_defer.type = "text/css";
            be_css_defer.href = "/wp-content/plugins/bwp-minify/min/?f=wp-content/plugins/contact-form-7/includes/css/styles.css&ver=12345";
            document.getElementsByTagName("head")[0].appendChild(be_css_defer);
        </script>
        <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js?ver=3.6'></script>
   
        <script type='text/javascript'>
            var BJLL_options = {
                "threshold": "800"
            };
        </script>
        <script type='text/javascript' src='https://tractorillo.ru/wp-content/plugins/bwp-minify/min/?f=wp-content/plugins/ajax-load-more/core/dist/js/ajax-load-more.min.js,wp-content/plugins/ajax-load-more-seo/js/alm-seo.js,wp-content/plugins/contact-form-7/includes/js/scripts.js,wp-content/plugins/bj-lazy-load/js/bj-lazy-load.min.js,wp-includes/js/wp-embed.min.js&ver=12345'></script>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
        <script type="text/javascript" src="https://tractorillo.ru/wp-content/themes/ctt-dicasdemulher/js/bootstrap.js"></script>
        <script type="text/javascript" src="https://tractorillo.ru/wp-content/themes/ctt-dicasdemulher/js/lazysizes.min.js"></script>
        <script type="text/javascript" src="https://tractorillo.ru/wp-content/themes/ctt-dicasdemulher/js/jquery.lockfixed.min.js"></script>
        <script type="text/javascript" src="https://tractorillo.ru/wp-content/themes/ctt-dicasdemulher/js/jquery-scrollbar.js"></script>
        <script type="text/javascript">
            $('.envira-gallery-link').attr('onclick', 'javascript:void(0)');
            $(document).ready(function(e) { //    $('nav ul li.dropmenu').click(function(e) { //       $(".drop").slideToggle();
                //
                //    } );


                // handles the carousel thumbnails
                // when the carousel slides, auto update
            });
        </script>
        <script>
            $(".wp-caption").removeAttr('style');
            $('#Continuar').click(function() {
                $('.continuar').hide();
            });
        </script>
        
</body>

</html>