Css avvolge le lettere in una nuova riga. Sillabazione delle parole. Attiva la sillabazione per le parole che non si adattano

Descrizione

La proprietà white-space imposta come visualizzare gli spazi tra le parole. In circostanze normali, qualsiasi numero di spazi nel codice HTML apparirà come uno su una pagina web. Un'eccezione è il tag

Il testo inserito in questo contenitore viene visualizzato con tutti gli spazi così come è stato formattato dall'utente.  Pertanto, lo spazio bianco imita il funzionamento del tag. 
Ma a differenza di esso, non cambia il carattere in monospazio.

Sintassi
spazio bianco: normale |  nowrap |  pre |  pre-line |  pre-involucro |  ereditare
I valori
normale Il testo viene visualizzato nella finestra del browser come di consueto, le interruzioni di riga vengono impostate automaticamente.  nowrap Gli spazi bianchi vengono ignorati, le interruzioni di riga vengono ignorate nel codice HTML, tutto il testo viene visualizzato su una riga;  tuttavia, aggiungendo un tag 
avvolge il testo in una nuova riga.  pre Il testo viene mostrato includendo tutti gli spazi ei trattini così come sono stati aggiunti dallo sviluppatore nel codice HTML.  Se la riga è troppo lunga per entrare nella finestra del browser, verrà aggiunta una barra di scorrimento orizzontale.  pre-riga Gli spazi non vengono presi in considerazione nel testo, il testo viene automaticamente spostato alla riga successiva se non rientra nell'area specificata.  pre-wrap Tutti gli spazi e le interruzioni vengono mantenuti nel testo, tuttavia, se la larghezza della linea non rientra nell'area specificata, il testo andrà automaticamente a capo alla riga successiva.  inherit Eredita il valore dal genitore. 
L'effetto dei valori sul testo è presentato in tabella.  1.
HTML5 CSS2.1 IE Cr Op Sa Fx

 

 
 
 
 
 
 
 
Esempio
 

 
 
 L'ultimo teorema di Fermat

 X n+ Sì n= Z n
dove n è un numero intero> 2
 
 
 

Il risultato di questo esempio è mostrato in Fig.  1.
Riso.  1. Applicazione della proprietà dello spazio bianco
Modello oggetto
document.getElementById ("elementID") .style.whiteSpace
Browser
Internet Explorer fino alla versione 7.0 inclusa non supporta il pre-line, il pre-wrap e l'ereditarietà.  Per </p>
<p>Opera prima della versione 9.5 non supporta il valore pre-line.  Per <textarea>i valori normal e pre si comportano come pre-wrap e il valore nowrap si comporta come pre-line.</p>
<p>Safari precedenti alla 3.0 e iOS non supportano i valori pre-wrap e pre-line.</p>
<p>Firefox fino alla versione 2.0 inclusa non supporta i valori pre-line e pre-wrap.  Per <textarea>i valori normal, nowrap e pre vengono interpretati come pre-wrap.</p>
<p>Determina come avvolgere le parole lunghe:</p><ol><li>solo dove c'è un trattino, uno spazio o Invio (escl., spazio unificatore e trattino univoco -).  Un trattino è scritto tra le parti di una parola (ad esempio, rosso e giallo), tra le parole - un trattino.  "Trattino morbido" - appare solo quando è necessaria la sillabazione.  Se la parola è al di fuori dell'ambito del genitore, allora <wbr>o ne trasferisce una parte senza trattino.  Meno viene utilizzato nelle espressioni matematiche (ad esempio, 5 - 2).  Nei numeri di telefono viene visualizzata una linea digitale (ad esempio +7 800 000‒00‒00).  E tutto questo non è così familiare - è sulla tastiera.</li><li>dopo ogni carattere.</li><li>secondo le regole della lingua russa con sillabazione automatica.</li>
</ol><input id="dva" type="checkbox"><p><b>overflow-wrap</b> <input id="raz100" name="raz100" checked type="radio"><input id="raz101" name="raz100" type="radio"><br><b>a capo automatico</b> <input id="raz200" name="raz200" checked type="radio"><input id="raz201" name="raz200" type="radio"><br><b>parola-break</b> <input id="raz300" name="raz300" checked type="radio"><input id="raz301" name="raz300" type="radio"><input id="raz302" name="raz300" type="radio"><br><b>interruzione di linea</b> <input id="raz400" name="raz400" checked type="radio"><input id="raz401" name="raz400" type="radio"><input id="raz402" name="raz400" type="radio"><input id="raz403" name="raz400" type="radio"><br><b>trattini</b> <input id="raz500" name="raz500" checked type="radio"><input id="raz501" name="raz500" type="radio"><input id="raz502" name="raz500" type="radio"></p><p>il nostro millenovecentonovantanove chilogrammi è già stato riesaminato <span>grubber-bulldozer-loader</p><p>
 <style>
.div {
 overflow-wrap: <b>normal;
</b><b>break-word;
</b> <i>/* не поддерживает IE, Firefox; является копией word-wrap */
</i>
 word-wrap: <b>normal
</b><b>break-word
</b>;
 word-break: <b>normal;
</b><b>keep-all;
</b><b>break-all;
</b> <i>/* не поддерживает Opera12.14, значение keep-all не поддерживается IE, Chrome */
</i>
 line-break: <b>auto
</b><b>loose
</b><b>normal
</b><b>strict
</b>; <i>/* нет поддержки для русского языка */
</i>
<b> -webkit-hyphens: none;
</b><b> -webkit-hyphens: auto;
</b> <b>-ms-hyphens: none;
</b><b>-ms-hyphens: auto;
</b> hyphens: <b>manual
</b><b>none
</b><b>auto
</b>; <i>/* значение auto не поддерживается Chrome */
</i>
 width: 50%;
<b> white-space: nowrap;
</b>}
</style>
<div class="div" <b>lang = "ru"</b><b>lang = "ru"</b>> il nostro millenovecentonovantanove è già stato riesaminato <b>-
</b> chilogrammo grubber-bulldozer-loader</div></p>
<h3>Qual è la differenza tra un immobile e un altro</h3>
<p>Per impostazione predefinita, le parole lunghe non vengono sillabate a meno che non siano esplicitamente indicate da un trattino e iniziano su una nuova riga.</p><p>Per ignorare le righe immediatamente visibili alla vista, aggiungiamo word-break: keep-all;  ...</p><p>Per evitare che il browser presti attenzione al trattino morbido, inseriamo i trattini: nessuno;  ...</p><p>Se è richiesto il ritorno a capo, allora a capo automatico: break-word;  Ti consiglio di usarlo sempre, visto che è compreso da tutti i browser.  Si differenzia da word-break: break-all;  che ha la precedenza in quanto le parole che non rientrano nel blocco iniziano su una nuova riga e viene rispettata la raccomandazione del trattino morbido.</p><p>Se usati insieme, word-break: break-all;  con trattini: auto;  , quest'ultimo viene ignorato.  trattini: automatico;  mette tutti i trattini come meglio crede.  Ma affinché funzioni, devi designare la tua lingua specificando l'attributo lang = "ru" nel file div.</p><h2>Non avvolgere le parole su un'altra riga</h2>
<p>Diciamo che una voce di menu o un pulsante non ha un bell'aspetto se si rompe.  Pertanto, è necessario vietare la loro separazione.  Per questo, tutte le proprietà di cui sopra dovrebbero essere impostate sulla modalità "predefinita" e aggiunte.  Clicca su e guarda il nostro poligono.</p><h2>Controllo a capo automatico per i trattini: auto;</h2>
<p>Tetraidropiranilciclopentiltetraidropiridopiridina</p><p>
 <div class="hyphens" lang="ru">Tetraidrop<span class="nohyphens">piridino</span> alto</div>
<style>
.hyphens {
 -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; /* пока поддерживает только Firefox */
 text-align: justify;
}
.nohyphens {
 white-space: nowrap;
}
</style></p>
<h3>informazioni brevi</h3>
<h3>Versioni 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>Descrizione</h3>
<p>La proprietà white-space imposta come visualizzare gli spazi tra le parole.  In circostanze normali, qualsiasi numero di spazi nel codice HTML apparirà come uno su una pagina web.  Un'eccezione è il tag <pre>Il testo inserito in questo contenitore viene visualizzato con tutti gli spazi così come è stato formattato dall'utente.  Pertanto, lo spazio bianco imita il funzionamento del tag. <pre>Ma a differenza di esso, non cambia il carattere in monospazio.</p>
<h3>Sintassi</h3>
<p>spazio bianco: normale |  nowrap |  pre |  pre-line |  pre-involucro |  ereditare</p>
<h3>I valori</h3>normale Il testo viene visualizzato nella finestra del browser come di consueto, le interruzioni di riga vengono impostate automaticamente.  nowrap Gli spazi bianchi vengono ignorati, le interruzioni di riga vengono ignorate nel codice HTML, tutto il testo viene visualizzato su una riga;  tuttavia, aggiungendo un tag <br>avvolge il testo in una nuova riga.  pre Il testo viene mostrato includendo tutti gli spazi ei trattini così come sono stati aggiunti dallo sviluppatore nel codice HTML.  Se la riga è troppo lunga per entrare nella finestra del browser, verrà aggiunta una barra di scorrimento orizzontale.  pre-riga Gli spazi non vengono presi in considerazione nel testo, il testo viene automaticamente spostato alla riga successiva se non rientra nell'area specificata.  pre-wrap Tutti gli spazi e le interruzioni vengono mantenuti nel testo, tuttavia, se la larghezza della linea non rientra nell'area specificata, il testo andrà automaticamente a capo alla riga successiva.  inherit Eredita il valore dal genitore. <p>L'effetto dei valori sul testo è presentato in tabella.  1.</p>
<p>HTML5 CSS2.1 IE Cr Op Sa Fx</p><p>
 <!DOCTYPE html>
<html>
 <head>
 <meta charset="utf-8">
 <title>spazio bianco</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">Esempio</p>
 <p class="example">
 <html>
 <body>
 <b>L'ultimo teorema di Fermat</b><br>
 <i>X <sup><small>n</small></sup>+ Sì <sup><small>n</small></sup>= Z <sup><small>n</small></sup></i><br>dove n è un numero intero> 2</body>
 </html>
 </p>
 </body>
</html>
</p><p>Il risultato di questo esempio è mostrato in Fig.  1.</p>
<p>Riso.  1. Applicazione della proprietà dello spazio bianco</p>
<h3>Modello oggetto</h3>
<p>document.getElementById ("elementID") .style.whiteSpace</p>
<h3>Browser</h3>
<p>Internet Explorer fino alla versione 7.0 inclusa non supporta il pre-line, il pre-wrap e l'ereditarietà.  Per <textarea></p>
<p>Opera prima della versione 9.5 non supporta il valore pre-line.  Per <textarea>i valori normal e pre si comportano come pre-wrap e il valore nowrap si comporta come pre-line.</p>
<p>Safari precedenti alla 3.0 e iOS non supportano i valori pre-wrap e pre-line.</p>
<p>Firefox fino alla versione 2.0 inclusa non supporta i valori pre-line e pre-wrap.  Per <textarea>i valori normal, nowrap e pre vengono interpretati come pre-wrap.</p>
<p>Vlad Merzhevich</p>
 <p>A differenza del testo nella stampa, la sillabazione è usata raramente in una pagina web, poiché non siamo rigidamente legati al formato della carta.  I siti web possono essere visualizzati su diversi monitor, con diverse risoluzioni, in diversi sistemi operativi e browser.  Tutto ciò dà origine a una tale combinazione di combinazioni che è impossibile prevedere come apparirà il testo finale per l'utente.  Per questo motivo, il testo è solitamente allineato a sinistra e sillabato come parole intere.  Tuttavia, la sillabazione è necessaria in alcuni casi, ad esempio, quando vengono utilizzati termini chimici o medici lunghi, in colonne strette di una determinata larghezza, per motivi estetici.  In HTML e CSS, non ci sono molti modi manuali o automatici per aggiungere sillabazioni, quindi li elencherò tutti.</p>
<h2>Usando il tag <wbr></h2>
<p>Etichetta <wbr>introdotto in HTML5 e crea il ritorno a capo quando necessario.  In quei luoghi in cui, secondo le regole della lingua russa, è consentito un trasferimento, inseriamo <wbr>(Esempio 1).  Se l'intera parola rientra nella larghezza assegnata, questo tag non si manifesterà in alcun modo e non sapremo nemmeno della sua presenza.  Se la parola non si adatta, il browser si trova nella posizione del tag <wbr>crea un trasferimento.</p>
<p>Esempio 1. Etichetta <wbr></p><p>
 <!DOCTYPE html>
<html>
 <head>
 <meta charset="utf-8">
 <title>Trasferimenti</title>
 <style> </style>
 </head>
 <body>
 <p class="word">Uno <wbr>supradiclas <wbr>spia Angelica dopo essersi diplomata ha scelto la professione di impresa <wbr>produzione <wbr>autista <wbr>facce.</p>
 </body>
</html>
</p><p>Il risultato di questo esempio è mostrato in Fig.  1.</p>
<p>Riso.  1. Testo con ritorno a capo</p>
<h2>Trasferimento morbido</h2>
<p>Applicazione <wbr>ha un grave inconveniente: è impossibile capire se un trattino è di fronte a noi o una parola separata su un'altra riga.  Per questo motivo, il significato della frase può essere perso e frainteso.  La sillabazione deve essere eseguita secondo le regole della tipografia, vale a dire: aggiungere un trattino alla fine della riga.  La sillabazione morbida fa un ottimo lavoro in questo senso, c'è un simbolo speciale per questo nel codice HTML -.  Ha lo stesso ruolo del tag <wbr>- non è visibile nel testo normale e va a capo della parola su un'altra riga, aggiungendo un trattino (esempio 2).</p>
<p>Esempio 2. Trasporto morbido</p><p>
 <!DOCTYPE html>
<html>
 <head>
 <meta charset="utf-8">
 <title>Trasferimenti</title>
 <style>
 .word {
 width: 160px;
 background: #f0f0f0;
 border: 1px solid #333;
 padding: 10px;
 font-size: 18px;
 }
 </style>
 </head>
 <body>
 <p class="word">La undicesima classe-snitsa Angelica, dopo essersi diplomata, ha scelto la professione di autista-produttore d'affari.</p>
 </body>
</html>
</p><p>Il risultato di questo esempio è mostrato in Fig.  2. Notare quanto il testo sia diventato esteticamente più gradevole e comprensibile rispetto alla fig.  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>Riso.  2. Testo con ritorno a capo</p>
<h2>La proprietà word-break</h2>
<p>Per automatizzare il processo di creazione dei trattini, utilizzare la proprietà word-break con il valore break-all (esempio 3).  Non è necessario aggiungere simboli o tag all'HTML, tutto viene rilevato dagli stili.</p>
<p>Esempio 3. Utilizzo di word-break</p><p>
 <!DOCTYPE html>
<html>
 <head>
 <meta charset="utf-8">
 <title>Trasferimenti</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">L'undicesima elementare Angelica dopo essersi diplomata ha scelto la professione di impiegato.</p>
 </body>
</html>
</p><p>Il risultato di questo esempio è mostrato in Fig.  3. Le regole di sillabazione non vengono prese in considerazione in questo caso, quindi le parole possono essere sillabate in un modo molto bizzarro.</p>
<p><img src='https://i1.wp.com/htmlbook.ru/files/images/blog/break_3.png' height="148" width="182" loading=lazy loading=lazy></p>
<p>Riso.  3. Testo con ritorno a capo</p>
<p>Di tutti i metodi elencati "semi-manuale" che utilizzano - dà il miglior risultato - si osservano le regole della lingua russa, il testo sembra il più esteticamente gradevole.  Usalo quando ci sono parole lunghe nel testo.</p>
<h2>La proprietà dei trattini</h2>
<p>Infine, la proprietà più potente e conveniente per l'aggiunta automatica di trattini sono i trattini.  La sua azione si basa sul dizionario di sillabazione integrato nel browser, quindi fornisce il miglior risultato.  Supportato in IE10, Firefox, Android e iOS.  Chrome e Opera non supportano.  Per far funzionare tutto, per il tag <html>aggiungere l'attributo lang con il valore ru (esempio 4).</p>
<p>Esempio 4. Uso dei trattini</p><p>
 <!DOCTYPE html>
<html lang="ru">
 <head>
 <meta charset="utf-8">
 <title>Trasferimenti</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">L'undicesima elementare Angelica dopo essersi diplomata ha scelto la professione di impiegato.</p>
 </body>
</html>
</p><p>Il risultato di questo esempio è mostrato in Fig.  4.</p>
<p><img src='https://i2.wp.com/htmlbook.ru/files/images/blog/break_4.png' height="146" width="182" loading=lazy loading=lazy></p>
<p>Riso.  4. Testo con ritorno a capo</p>
<h2>Previeni la sillabazione</h2>
<p>Molto spesso sorge anche il problema inverso: vietare i trattini in quei luoghi in cui, secondo le regole della lingua, sono inaccettabili.  Ad esempio, non è possibile separare le unità di misura dal numero (10 ml), la designazione dell'anno (54 a.C.), le iniziali del cognome, rompere le abbreviazioni persistenti (ecc.), ecc. In modo che il browser non aggiungere trattini nello spazio, dovrebbe essere sostituito con uno spazio unificatore (esempio 5).</p>
<p>Esempio 5. Utilizzo</p><p>
 <!DOCTYPE html>
<html>
 <head>
 <meta charset="utf-8">
 <title>Trasferimenti</title>
 <style>
 .word {
 width: 160px;
 background: #f0f0f0;
 border: 1px solid #333;
 padding: 10px;
 font-size: 18px;
 }
 </style>
 </head>
 <body>
 <p class="word">Lago alle coordinate 70 ° 58 19 ″ s.  NS.  97 ° 24 5 ″ Mi  Il villaggio si trova nel distretto di Taimyr Dolgano-Nenets nel territorio di Krasnoyarsk in Russia.</p>
 </body>
</html>
</p><p>In questo esempio, per l'ortografia corretta delle coordinate, viene utilizzato che non consente il ritorno a capo del testo.</p>
<p>Ciao a tutti).  Continuo a scrivere di varie proprietà utili del linguaggio CSS che possono in qualche modo aiutare nel layout.  E oggi voglio dirti come avvolgere le parole in css se non si adattano al tuo contenitore.  Ti mostrerò tutto con un esempio reale.</p>
 <h2>Attiva la sillabazione per le parole che non si adattano</h2>
 <p>Diciamo che ho un blocco largo 100 pixel e ho bisogno di scriverci del testo.  Il testo contiene la parola " <i>autoestraente</i>".  Questo è un archivio, per esempio) Ma non è il punto.  La parola è molto lunga, semplicemente non si adatta alla larghezza del contenitore.  Scriviamolo in un blocco così stretto (100 pixel).  Cosa accadrà?</p><p>Come puoi vedere, la povera parola è strisciata fuori dal contenitore, beh, non ha nessun posto dove andare, cosa puoi fare.  E questo è senza rientro.  Quindi, qui la proprietà di a capo automatico viene in soccorso.  Ecco cosa devi chiedere a un blocco per abilitare il ritorno a capo automatico in esso:</p>
 <p>Word-wrap: break-word;</p>
 <p>E per persuasione, puoi anche aggiungere imbottitura.  Quindi, dopo aver applicato la proprietà, vediamo che le parole troppo lunghe andranno a capo, lettera per lettera, su un'altra riga.  Inoltre, anche se la seconda riga non è sufficiente per una parola, il resto verrà trasferito nella terza, ecc. <br><br>Tengo a precisare che l'immobile può essere utilizzato in sicurezza.  Innanzitutto, oggi funziona alla grande nei browser.  In secondo luogo, funziona in modo intelligente.  Vale a dire, per tutte le parole normali non ci sarà sillabazione, le parole intere verranno trasferite alla riga successiva, quindi la leggibilità non sarà compromessa.  Puoi vederlo in questo screenshot.</p>
 <h2>Quando usare il word-wrap</h2>
 <p>In realtà, finora vedo 2 casi d'uso.  Il primo è solo per i blocchi stretti, dove hai paura che le parole lunghe possano strisciare brutte fuori dal blocco.  Il secondo è quando il designer ha concepito in modo che il nome del sito dovrebbe essere in più righe.</p>
 <p>Quindi, in questo articolo, abbiamo imparato come eseguire il ritorno a capo automatico in css.  Questo è tutto per me oggi.  Ci vediamo.</p>

<br>
<br>
<script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast?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>
			</article>

			

			<div class="post-bottom">

				<div class="post-share">
					<script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script>
					<script src="//yastatic.net/share2/share.js"></script>
					<div class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,moimir" data-counter=""></div>
				</div>

				

			</div>

	

			<div class='yarpp-related'>
	<div class="related-items">

		<div class="headline">Non hai trovato risposta alla tua domanda?  Guarda qui</div>

	
		<div class="items">
					


        <div class="related-item">
        <a class="related-item__title" href="https://appcube.ru/it/pochemu-vydaet-oshibku-pri-zapuske-kompyutera-nastroikaaivaemost.html"><img src="/uploads/7eadfa816729dbeb9a34aa8a698dba84.jpg" width="120" height="120" alt="Software personalizzabile" class="related-item__image" / loading=lazy loading=lazy>Software personalizzabile</a>
        <div class="related-item__comments"><span></span></div>
    </div>



					
        <div class="related-item">
        <a class="related-item__title" href="https://appcube.ru/it/v-windows-8-vernut-knopku-pusk.html"><img src="/uploads/4a051763c8323a0deb31de3326a2b883.jpg" width="120" height="120" alt="Windows 8 restituirà il pulsante di avvio" class="related-item__image" / loading=lazy loading=lazy>Windows 8 restituirà il pulsante di avvio</a>
        <div class="related-item__comments"><span></span></div>
    </div>

					
        <div class="related-item">
        <a class="related-item__title" href="https://appcube.ru/it/kak-nastroit-skaip-poshagovaya-instrukciya-ustanovka-skaipa-na.html"><img src="/uploads/ff0312a4c69e2dc960dcfd174c1e5aab.jpg" width="120" height="120" alt="Installazione di Skype su un computer (istruzioni passo passo)" class="related-item__image" / loading=lazy loading=lazy>Installazione di Skype su un computer (istruzioni passo passo)</a>
        <div class="related-item__comments"><span></span></div>
    </div>

				</div>

	
	</div>
</div>
			
		<div style="text-align: center; margin-top: 15px; margin-bottom: 15px; " id="vanna-1965575812"><div class="adsense"><script type="text/javascript">ga_1();</script></div></div>
			



	
	

	

			
		</main>

		

<aside class="sidebar">



						


        
        <div class="advices" data-theme="vannapedia_v.3">
        <div class="headline"></div>
        <div class="advices-content">
            <img src="/uploads/054587de8d4e8293fcaf765ed6139adc.jpg" width="120" height="120" alt="Touchpad di abilitazione software" class="advices__image" / loading=lazy loading=lazy>
            <div class="advices__title" data-id="3334"><a href="https://appcube.ru/it/ne-rabotaet-sensor-na-noute-programmnoe-vklyuchenie-tachpada.html">Touchpad di abilitazione software</a></div>
        </div>

    </div>




	
			<div class="vk-widget" id="text-3">			<div class="textwidget"><script type="text/javascript" src="//vk.com/js/api/openapi.js?130"></script>


<div id="vk_groups"></div>
</div>
		</div>
				<div class="sidebar-questions">
		<div class="headline">Nuovo</div>
		<ul>
        <li><a href="https://appcube.ru/it/pri-vklyuchenii-komp-vydaet-oshibku-chto-delat-esli-net-zvuka-analiz.html" >E se non c'è suono?</a></li>
        <li><a href="https://appcube.ru/it/ustanovka-brauzera-po-umolchaniyu-kak-ustanovit-brauzer-po-umolchaniyu-v.html" >Come impostare il browser predefinito su Windows</a></li>
        <li><a href="https://appcube.ru/it/komp-vydaet-oshibku-chto-delat-konflikty-operativnoi-pamyati-dlya-kopirovaniya.html" >Conflitti RAM</a></li>
        <li><a href="https://appcube.ru/it/kak-obedinit-dva-lokalnyh-diska-sliyanie-razdelov-diska-v-windows.html" >Unire le partizioni del disco in Windows</a></li>
        <li><a href="https://appcube.ru/it/chto-delat-ne-udaetsya-udalit-papku-arhiviruem-papku-kotoraya.html" >Archiviare la cartella che non è stata cancellata</a></li>
        <li><a href="https://appcube.ru/it/kak-sdelat-brauzer-po-umolchaniyu-vybor-brauzera-po-umolchaniyu-v-os.html" >Selezione del browser predefinito in Windows</a></li>
</ul>
		
	</div>

							<div class="section">
    <div id="macire1" style="height:500px;width:240px;" align="center"></div>
</div>
		
							<div class="section">
				<div class="headline">Articoli popolari</div>
				<ul class="sidebar-posts">
    <li><a href="https://appcube.ru/it/vklyuchit-prosmotr-fotografii-windows-7-reshenie-problemy-sredstva-prosmotra.html"><img src="/uploads/7069b2c5f085ece09ff91c60d1ca3ab8.jpg" width="80" height="80" alt="Risolvere il problema del Visualizzatore foto di Windows" / loading=lazy loading=lazy>Risolvere il problema del Visualizzatore foto di Windows</a></li>
    <li><a href="https://appcube.ru/it/v-zagruzkah-ne-udalyaetsya-fail-zakrytie-programm-ispolzuyushchih-faily-iz.html"><img src="/uploads/7f8b7fba07287250cad94faec4c9545b.jpg" width="80" height="80" alt="Chiusura di programmi utilizzando file da una cartella" / loading=lazy loading=lazy>Chiusura di programmi utilizzando file da una cartella</a></li>
    <li><a href="https://appcube.ru/it/parol-akkaunta-vindovs-gde-naiti-kak-uznat-parol-ot-kompyutera-v.html"><img src="/uploads/e1e6998958a78feb2b5f6bcf5aca94dc.jpg" width="80" height="80" alt="Come scoprire la password da un computer in Windows7 se è già abilitata" / loading=lazy loading=lazy>Come scoprire la password da un computer in Windows7 se è già abilitata</a></li>
</ul>
			</div>
		
							<div class="section">
				<div class="headline">Novità sul sito</div>
				<ul class="sidebar-posts  sidebar-photo">
    <li><a href="https://appcube.ru/it/ne-rabotaet-klaviatura-na-noutbuke-chto-delat-chto-delat-esli-klaviatura.html">Cosa fare se la tastiera non funziona a causa del software</a></li>
    <li><a href="https://appcube.ru/it/zapretit-vhod-v-sistemu-s-vremennymi-profilyami-ispravlyaem-oshibku-pri.html">Correzione dell'errore all'accensione del computer "Accesso al sistema con un profilo temporaneo</a></li>
    <li><a href="https://appcube.ru/it/ne-ustanavlivaetsya-kingo-rut-kingo-android-root-luchshee-prilozhenie-dlya.html">Kingo Android Root è la migliore app per l'installazione dei diritti di root</a></li>
    <li><a href="https://appcube.ru/it/kak-otklyuchit-uslugu-vam-zvonili-na-mts-i-est-li-v-nei.html">"Hai ricevuto una chiamata" da MTS: cos'è questo servizio?</a></li>
    <li><a href="https://appcube.ru/it/kak-otklyuchit-uslugu-vam-zvonili-na-mts-i-est-li-v-nei-neobhodimost-kak.html">Come disattivare il servizio "Hai ricevuto una chiamata" da MTS?</a></li>
</ul>
				
			</div>
		
		
		</aside>

	</div>

	

<footer class="footer">

		
				<nav class="footer__nav"><ul><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-1219"><a href="https://appcube.ru/it/">Nuovo</a>
<ul class="sub-menu">
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-6769"><a href="https://appcube.ru/it/chto-budet-esli-na-aifone-postavit-sbros-nastroek-i-polnyi-sbros-apple-iphone.html">Ripristino delle impostazioni di fabbrica e ripristino completo dell'iPhone di Apple</a></li>
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-6768"><a href="https://appcube.ru/it/chto-budet-esli-postavit-datu-sbros-nastroek-i-polnyi-sbros-apple-iphone-sozdanie.html">Ripristino delle impostazioni di fabbrica e ripristino completo dell'iPhone di Apple</a></li>
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-6767"><a href="https://appcube.ru/it/shestiyadernyi-processor-kompyuternyi-resurs-u-sm-vneshnii-vid-i.html">Risorse informatiche U SM</a></li>
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-6766"><a href="https://appcube.ru/it/samaya-luchshaya-akustika-v-mire-audiofil-millioner-samye-dorogie.html">Milionario audiofilo: i gadget musicali più costosi</a></li>
</ul>
</li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-1230"><a href="https://appcube.ru/it/">Popolare</a>
<ul class="sub-menu">
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-6765"><a href="https://appcube.ru/it/poslednyaya-versiya-telefona-sony-telefony-soni-chem-horoshi-telefony-sony.html">Ultima versione del telefono Sony</a></li>
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-6764"><a href="https://appcube.ru/it/kto-udalil-menya-iz-druzei-vkontakte-chto-delat-esli-vkontakte-ischezli.html">Cosa fare se gli amici sono scomparsi su VKontakte Quali amici sono scomparsi con un contatto</a></li>
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-6763"><a href="https://appcube.ru/it/zaiti-v-lichnyi-kabinet-zhivaya-klassika-lichnyi-kabinet-zhivaya-klassika.html">Conto personale Classici dal vivo - Concorso di lettura</a></li>
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-6762"><a href="https://appcube.ru/it/chto-delat-esli-vkontakte-ischezli-druzya-uznaem-kto-udalilsya-iz-druzei.html">Scopriremo chi ha lasciato gli amici di VKontakte Quali amici sono scomparsi con il contatto</a></li>
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-6761"><a href="https://appcube.ru/it/kakoi-operator-luchshe-dlya-interneta-i-zvonkov-kakie-luchshie-sotovye-operatory.html">Quali sono i migliori operatori di telefonia mobile in Russia?</a></li>
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-6760"><a href="https://appcube.ru/it/perenosnye-magnitofony-sssr-mif-o-sovetskoi-elektronike-kassetnyi.html">Il mito dell'elettronica sovietica</a></li>
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-6759"><a href="https://appcube.ru/it/pochemu-ne-zakroyut-vkontakte-kak-skryt-stranicu-vkontakte.html">Come nascondere una pagina VKontakte Il contatto verrà eliminato il 31 maggio</a></li>
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-6757"><a href="https://appcube.ru/it/chistka-macbook-ot-pyli-na-domu-ya-chistil-pyl-vnutri-macbook-pro-chto-iz.html">Stavo pulendo la polvere all'interno del MacBook Pro</a></li>
</ul>
</li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-1236"><a href="https://appcube.ru/it/">Consigliato</a>
<ul class="sub-menu">
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-6756"><a href="https://appcube.ru/it/obzor-xiaomi-mi6-novyi-ubiica-flagmanov-ubiica-aifona-za-pyat-tysyach-rublei.html">Recensione di Xiaomi Mi6.  Nuovo killer di punta?  "IPhone Killer" per cinquemila rubli Siamo onesti: questo non è un iPhone</a></li>
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-6755"><a href="https://appcube.ru/it/otdyh-detei-i-vzroslyh-na-more-otdyh-s-detmi-na-more-planirovanie-otdyha-s.html">Riposo per bambini e adulti in mare</a></li>
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-6754"><a href="https://appcube.ru/it/otdyh-s-detmi-0-gde-v-rossii-otdohnut-s-detmi-na-more-i-ne-razoritsya.html">Dove in Russia per rilassarsi con i bambini in mare e non andare in rovina</a></li>
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-6753"><a href="https://appcube.ru/it/putevki-na-more-dlya-semi-otdyh-s-detmi-nashi-laifkahi-poezdok-s-rzhd.html">Gite in famiglia al mare</a></li>
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-6752"><a href="https://appcube.ru/it/samyi-bystryi-mobilnyi-internet-operator-u-kogo-mobilnyi-internet.html">Chi ha Internet mobile più economico?</a></li>
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-6751"><a href="https://appcube.ru/it/samyi-bystryi-mobilnyi-internet-4g-skorostnoi-internet.html">Internet mobile più veloce 4g</a></li>
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-6750"><a href="https://appcube.ru/it/vred-fitnes-brasletov-dlya-zdorovya-fitnes-braslet-kak.html">Braccialetto fitness: come funziona e perché ne hai bisogno Braccialetti fitness: beneficio o danno</a></li>
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-6747"><a href="https://appcube.ru/it/css-perenos-bukv-na-novuyu-stroku-perenosy-slov-vklyuchaem-perenos-dlya-slov.html">Css avvolge le lettere in una nuova riga</a></li>
</ul>
</li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-6898"><a href="https://appcube.ru/it/">Sul sito</a>
<ul  class="sub-menu">
	<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-6900"><a href="">Sul sito</a></li>
	<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-6901"><a href="">Pubblicità sul sito web</a></li>
	<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-6902"><a href="">Contatti</a></li>
	
</ul>
</li>
</ul></nav>
			

   

		<div class="footer-bottom">

			<div class="footer-left">

    <div class="foot__logo">
        <div class="footer__logo-sitename">appcube.ru <span>ru</span></div>
    </div>
  <style>
    .foot__logo {
    min-height: 35px;
    margin: 0 0 11px -79px;
    padding: 9px 0 0 79px;
    text-decoration: none;
}
  </style>

    <p>© 2021 Tutti i diritti riservati</p>
    <p>Sito web sui computer</p>

    <ul class="footer-bottom__nav">
        <li><a href="" >Pubblicità sul progetto</a></li>
    </ul>

</div>

			<div class="footer-buttons">

</div>


					<ul class="footer__soc">
											<li><a href="http://vk.com/"  target="_blank" class="vk">In contatto con</a></li>
															<li>compagne di classe</li>
															<li><a href="http://www.facebook.com/"  target="_blank" class="fb">Facebook</a></li>
															<li><a href="https://twitter.com/"  target="_blank" class="twi">Twitter</a></li>
										</ul>
		
			<div class="footer-right">

				<div class="footer__note"></div>

				<div class="footer__counters" id="text-2">			<div class="textwidget"></div>
		</div>
			</div>

		</div>

	</footer>



</div>
</div>
<link rel='stylesheet' id='wp-lightbox-bank.css-css'  href='/wp-content/plugins/wp-lightbox-bank/assets/css/wp-lightbox-bank.css?ver=4.8.3' type='text/css' media='all' />
<script type='text/javascript' src='https://appcube.ru/wp-content/themes/vannapedia_v.3/js/scripts.js'></script>
<script type='text/javascript' src='/wp-includes/js/comment-reply.min.js?ver=4.8.3'></script>

<script type='text/javascript' src='/assets/scripts1.js'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var tocplus = { "smooth_scroll":"1"} ;
/* ]]> */
</script>
<script type='text/javascript' src='https://appcube.ru/wp-content/plugins/table-of-contents-plus/front.min.js?ver=1509'></script>
<script type='text/javascript'>
var q2w3_sidebar_options = new Array();
q2w3_sidebar_options[0] = { "sidebar" : "sidebar-fixed", "margin_top" : 10, "margin_bottom" : 0, "stop_id" : "respond", "screen_max_width" : 0, "screen_max_height" : 0, "width_inherit" : false, "refresh_interval" : 1500, "window_load_hook" : false, "disable_mo_api" : false, "widgets" : ['text-4'] } ;
</script>
<script type='text/javascript' src='https://appcube.ru/wp-content/plugins/q2w3-fixed-widget/js/q2w3-fixed-widget.min.js?ver=5.0.4'></script>
<script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.8.3'></script>
<script type='text/javascript' src='https://appcube.ru/wp-content/plugins/wp-lightbox-bank/assets/js/wp-lightbox-bank.js?ver=4.8.3'></script>
<script type='text/javascript' src='https://appcube.ru/wp-content/plugins/akismet/_inc/form.js?ver=4.0'></script>
</body>
</html>