So fügen Sie Zeilenumbrüche mithilfe von CSS-Eigenschaften hinzu. Zeilenumbruch und Trennlinie in HTML So beginnen Sie eine neue Zeile in HTML

Zeilenvorschub, Zeilenumbruch, Zeilenumbruch – es geht immer um dasselbe. In HTML werden häufig Zeilenumbrüche verwendet. Es gibt mehrere Möglichkeiten: Verwenden Sie ein Tag
um in eine neue Zeile umzubrechen, oder Sie können CSS-Eigenschaften verwenden, um eine Zeile umzubrechen. Schauen wir uns ein Beispiel für die Verwendung eines Zeilenumbruch-Tags an:
In CSS können Zeilenumbrüche auf unterschiedliche Weise erfolgen, zum Beispiel so:
Br(
schweben: links;
Breite: 100 %;
Rand: 0 0 20px 0; /* Einzug nach Zeile 20 Pixel */
}
Trennlinie mit HTML oder CSS

In HTML ist das Erstellen einer Trennlinie sehr einfach. Es wird auch ein ungepaartes Tag verwendet
- das ist die Trennlinie. Die Trennlinie beginnt in einer neuen Zeile und wird danach eingerückt. Sie können den Stil der horizontalen Linie steuern und auch eine Alternative dazu erstellen. Unten finden Sie ein Beispiel für eine Trennlinie mithilfe eines Tags:
Lassen Sie uns nun unsere Trennlinie gestalten (die Stile ändern, das Erscheinungsbild ändern):
Std. (
Breite: 80 %; /* Linienbreite */
Höhe: 4px; /* Linienhöhe / -stärke */
Hintergrund: #333; /* Hintergrund-/Linienfarbe */
Rand: 0; /* Rahmen um die Trennlinie (entfernen) */
Rand: 5px 0 5px 0; /* Abstand oberhalb und unterhalb der Zeile um 5 Pixel */
}
Und lassen Sie uns mithilfe des Tags eine Alternative zu unserer Trennlinie erstellen
und CSS.
Brief Information

CSS-Versionen

CSS 1	CSS 2	CSS 2.1	CSS 3
Beschreibung

Die Eigenschaft „white-space“ gibt an, wie Leerzeichen zwischen Wörtern angezeigt werden. Unter normalen Umständen erscheinen beliebig viele Leerzeichen im HTML-Code als ein einziges auf einer Webseite. Die Ausnahme ist das Tag
In diesen Container eingefügter Text wird mit allen Leerzeichen so ausgegeben, wie er vom Benutzer formatiert wurde.  Leerzeichen imitieren also die Funktionsweise des Tags Im Gegensatz dazu wird die Schriftart jedoch nicht in Monospace geändert.
Syntax
Leerzeichen: normal |  nowrap |  vor |  Vorlinie |  Vorverpackung |  erben
Werte
normal Der Text im Browserfenster wird wie gewohnt angezeigt, Zeilenumbrüche werden automatisch gesetzt.  nowrap Leerzeichen werden ignoriert, Zeilenumbrüche im HTML-Code werden ignoriert, der gesamte Text wird in einer Zeile angezeigt;  gleichzeitig ein Tag hinzufügen 
bricht den Text in eine neue Zeile um.  pre Der Text wird unter Berücksichtigung aller Leerzeichen und Bindestriche angezeigt, wie sie vom Entwickler im HTML-Code hinzugefügt wurden.  Wenn die Zeile zu lang ist und nicht in das Browserfenster passt, wird eine horizontale Bildlaufleiste hinzugefügt.  Leerzeichen vor der Zeile werden im Text nicht berücksichtigt; der Text wird automatisch in die nächste Zeile verschoben, wenn er nicht in den angegebenen Bereich passt.  Vorumbruch Alle Leerzeichen und Umbrüche bleiben im Text erhalten, aber wenn die Breite der Zeile nicht in den angegebenen Bereich passt, wird der Text automatisch in die nächste Zeile umgebrochen.  inherit Erbt den Wert des übergeordneten Elements. Die Auswirkung von Werten auf Text ist in der Tabelle dargestellt.  1.
HTML5 CSS2.1 IE Cr Op Sa Fx

 

 
 
 Leerraum
 
 
 
 
Beispiel
 
 
 
 Fermats letzter Satz

 X ^N+Y ^N= Z ^N
wobei n eine ganze Zahl > 2 ist
 
 
 

Das Ergebnis dieses Beispiels ist in Abb. dargestellt.  1.
Reis.  1. Anwenden der Leerraumeigenschaft
Objektmodell
document.getElementById("elementID").style.whiteSpace
Browser
Internet Explorer-Versionen bis einschließlich 7.0 unterstützen keine pre-line-, pre-wrap- oder inherit-Werte.  Für </p>
<p>Opera vor Version 9.5 unterstützt den Pre-Line-Wert nicht.  Für <textarea>Die Normal- und Pre-Werte verhalten sich wie pre-wrap und der Nowrap-Wert verhält sich wie pre-line.</p>
<p>Safari vor Version 3.0 und iOS unterstützen keine Pre-Wrap- und Pre-Line-Werte.</p>
<p>Firefox bis einschließlich Version 2.0 unterstützt keine Pre-Line- und Pre-Wrap-Werte.  Für <textarea>Die Werte normal , nowrap und pre werden als pre-wrap behandelt.</p>
<p>Oft ist es notwendig, Text innerhalb einer Excel-Zelle in eine neue Zeile umzubrechen.  Das heißt, verschieben Sie den Text entlang der Linien innerhalb einer Zelle, wie im Bild gezeigt.  Wenn Sie nach der Eingabe des ersten Teils des Textes einfach die Eingabetaste drücken, wird der Cursor in die nächste Zeile, aber in eine andere Zelle verschoben, und wir benötigen eine Übertragung in dieselbe Zelle.</p><p>Dies ist eine sehr häufige Aufgabe und kann sehr einfach gelöst werden: Um Text in eine neue Zeile innerhalb einer Excel-Zelle zu verschieben, müssen Sie klicken <b>ALT+ENTER</b>(Halten Sie die ALT-Taste gedrückt und drücken Sie dann, ohne sie loszulassen, die ENTER-Taste.)</p> <i>
</i> <h2><span>So brechen Sie Text mithilfe einer Formel in einer neuen Zeile in Excel um</span></h2><p>Manchmal müssen Sie einen Zeilenumbruch nicht nur einmal vornehmen, sondern mithilfe von Funktionen in Excel.  Wie in diesem Beispiel in der Abbildung.  Wir geben den Vornamen, den Nachnamen und das Patronym ein und diese werden automatisch in Zelle A6 erfasst</p><p>Im sich öffnenden Fenster müssen Sie im Reiter „Ausrichtung“ wie im Bild angedeutet das Kästchen neben „Zeilenumbruch“ aktivieren, da sonst der Zeilenumbruch in Excel bei Formeln nicht korrekt dargestellt wird.</p><h3><span>So ersetzen Sie mithilfe einer Formel einen Bindestrich in Excel durch ein anderes Zeichen und zurück</span></h3><p>Kann <b>Ändern Sie das Bindestrichsymbol in ein beliebiges anderes Zeichen</b>, zum Beispiel auf ein Leerzeichen, mit der Textfunktion SUBSTITUTE in Excel</p><p>Nehmen wir ein Beispiel für das, was im Bild oben zu sehen ist.  Also schreiben wir in Zelle B1 die SUBSTITUTE-Funktion:</p><p>SUBSTITUTE(A1,CHAR(10), " ")</p><p>A1 ist unser Text mit Zeilenumbruch; <br>CHAR(10) ist ein Zeilenumbruch (wir haben uns das etwas weiter oben in diesem Artikel angesehen); <br>„ „ ist ein Leerzeichen, da wir den Zeilenumbruch in ein Leerzeichen ändern</p><p>Wenn Sie den umgekehrten Vorgang ausführen müssen – das Leerzeichen durch einen Bindestrich (Symbol) ersetzen – dann sieht die Funktion folgendermaßen aus:</p><p>SUBSTITUTE(A1; " ";CHAR(10))</p><p>Ich möchte Sie daran erinnern, dass Sie in den Zelleneigenschaften im Abschnitt „Ausrichtung“ die Option „Zeilenumbruch“ angeben müssen, damit Zeilenumbrüche korrekt wiedergegeben werden.</p><h3><span>So ändern Sie den Bindestrich in Excel mit SUCHEN - ERSETZEN in ein Leerzeichen und zurück</span></h3><p>Manchmal sind Formeln unpraktisch in der Anwendung und müssen schnell ersetzt werden.  Dazu verwenden wir Suchen und Ersetzen.  Wählen Sie unseren Text aus und drücken Sie STRG+H. Das folgende Fenster wird angezeigt.</p><p>Wenn wir den Zeilenumbruch in ein Leerzeichen ändern müssen, müssen wir dazu in der Zeile „Suchen“ einen Zeilenumbruch eingeben <b>Stehen Sie im Feld „Suchen“, drücken Sie dann die ALT-Taste, ohne sie loszulassen, und geben Sie 010 auf der Tastatur ein. Dies ist ein Zeilenumbruchcode, der in diesem Feld nicht sichtbar ist</b>.</p><p>Geben Sie anschließend im Feld „Ersetzen durch“ ein Leerzeichen oder ein anderes Zeichen ein, das Sie ersetzen möchten, und klicken Sie auf „Ersetzen“ oder „Alle ersetzen“.</p><p>In Word ist dies übrigens deutlicher umgesetzt.</p><p><i>Wenn Sie das Zeilenumbruchzeichen in ein Leerzeichen ändern müssen, müssen Sie im Feld „Suchen“ einen speziellen „Zeilenumbruch“-Code angeben, der als bezeichnet wird <b>^l</b>
</i><br><i>Im Feld „Ersetzen durch:“ müssen Sie lediglich ein Leerzeichen einfügen und auf „Ersetzen“ oder „Alle ersetzen“ klicken.</i></p><p><i>Sie können nicht nur Zeilenumbrüche, sondern auch andere Sonderzeichen ändern. Um den entsprechenden Code zu erhalten, müssen Sie auf die Schaltfläche „Mehr >>“ und „Spezial“ klicken und den benötigten Code auswählen.  Ich möchte Sie daran erinnern, dass diese Funktion nur in Word verfügbar ist. Diese Symbole funktionieren nicht in Excel.</i></p><h3><span>So ändern Sie in Excel mithilfe von VBA einen Zeilenumbruch in ein Leerzeichen oder umgekehrt</span></h3><p>Schauen wir uns ein Beispiel für ausgewählte Zellen an.  Das heißt, wir wählen die erforderlichen Zellen aus und führen das Makro aus</p><p>1. Wandeln Sie Leerzeichen in ausgewählten Zellen mithilfe von VBA in Bindestriche um</p><p>Sub SpacesToHyphens() <br>Für jede Zelle in der Auswahl <br>cell.Value = Ersetzen(cell.Value, Chr(32) , Chr(10) ) <br>Nächste <br>End Sub</p><p>2. Wandeln Sie Bindestriche mithilfe von VBA in Leerzeichen in ausgewählten Zellen um</p><p>Sub WrapsToSpaces() <br>Für jede Zelle in der Auswahl <br>cell.Value = Ersetzen(cell.Value, Chr(10) , Chr(32) ) <br>Nächste <br>End Sub</p><p>Der Code ist sehr einfach: Chr (10) ist ein Zeilenumbruch, Chr (32) ist ein Leerzeichen.  Wenn Sie zu einem anderen Symbol wechseln müssen, ersetzen Sie einfach die Codenummer, die dem erforderlichen Symbol entspricht.</p><h3><span>Zeichencodes für Excel</span></h3><p>Das Bild unten zeigt verschiedene Symbole und ihre entsprechenden Codes; mehrere Spalten repräsentieren unterschiedliche Schriftarten.  Um das Bild zu vergrößern, klicken Sie auf das Bild.</p>
<p>Bei der Anzeige von Textdokumenten in einem Browser wird die Position von Zeilenumbrüchen innerhalb eines Absatzes automatisch abhängig von der Größe der Schriftarten und der Größe des Anzeigefensters bestimmt.  Zeilenumbrüche können nur durch Worttrennzeichen (z. B. Leerzeichen) durchgeführt werden.  Manchmal müssen Sie in Dokumenten einen erzwungenen Zeilenvorschub festlegen, der unabhängig von den Browsereinstellungen implementiert wird.  Dies geschieht mithilfe des Forced-Line-Feed-Tags. <BR>, das kein entsprechendes schließendes Tag hat.  Aktivieren eines Tags <BR>Durch Einfügen in den Dokumenttext wird sichergestellt, dass nachfolgender Text am Anfang einer neuen Zeile platziert wird.  Dieser Ansatz kann beispielsweise verwendet werden, um listenartige Strukturen zu erstellen, ohne spezielle Listen-Markup-Tags zu verwenden.  Oder dieser Tag kann beispielsweise nicht zum Anzeigen von Gedichten usw. verwendet werden.</p>
<p>Hier ist ein Beispiel für die Verwendung von erzwungenem Zeilenvorschub (Abb. 1.8):</p><p><TITLE>Verwendung von erzwungenem Zeilenvorschub</TITLE></p><p>Überdunkles Petrograd <BR></p><p>Der November atmete die Herbstkälte ein. <BR></p><p>Plätschern mit einer lauten Welle <BR></p><p>Bis an die Ränder deines schlanken Zauns, <BR></p><p>Neva warf sich hin und her wie eine kranke Person <BR></p><p>Unruhig in meinem Bett.</p><p><CITE>A. S. Puschkin.  Bronzener Reiter</CITE></p><p><i><b>Reis.  1.8.</b> Etikett <BR>kann verwendet werden, um einen Zeilenvorschub zu erzwingen</i></p><p>Im Gegensatz zum Absatz-Tag <P>Bei Verwendung des Tags <BR>Es wird kein leerer String generiert.</p><p>Verwenden eines Tags <BR>erfordert Vorsicht – es ist möglich, dass der Browser bereits ein oder zwei Wörter einen Zeilenumbruch vorgenommen hat, bevor er auf Ihr Tag gestoßen ist <BR>.  Dies geschieht, wenn die Breite des Viewer-Fensters des Readers kleiner ist als die gleiche Einstellung des Programms, mit dem Sie Ihr Dokument getestet haben.  In diesem Fall kann es vorkommen, dass in der Mitte eines Absatzes nur noch ein Wort in einer Zeile verbleibt, wodurch die Schönheit des Dokumentlayouts beeinträchtigt wird.</p><p><i><b>Notiz</b>
</i></p><p><i>Bei Verwendung des Tags <BR>Um den Text um ein Bild oder eine Tabelle herum umzubrechen, können Sie den Parameter CLEAR so einstellen, dass der Textumbruch gestoppt wird.  Dies können Sie in den Kapiteln 3 und 4 nachlesen.</i></p><h3>Stichworte <NOBR>u <WBR></h3>
<p>Es gibt Situationen, in denen Sie den umgekehrten Vorgang ausführen müssen – den Zeilenvorschub deaktivieren.  Dafür gibt es einen Container-Tag <NOBR>.  Mit diesem Tag markierter Text passt unabhängig von seiner Länge garantiert in eine Zeile.  Wenn die resultierende Zeile über das Anzeigefenster des Browsers hinausgeht, wird eine horizontale Bildlaufleiste angezeigt.</p>
<p><i><b>Notiz</b>
</i></p><p><i>Um die Kontinuität von Text in Tabellenzellen sicherzustellen, gibt es einen speziellen Parameter des NOWRAP-Tags <TD>.  Mehr dazu erfahren Sie in Kapitel 4.</i></p><p>Markieren Sie Text mit einem nicht umbrechenden Zeilen-Tag <NOBR>Sie können sehr lange Saiten erhalten.  Um dies zu vermeiden, können Sie dem Browser des Lesers die Position eines möglichen Zeilenvorschubs mitteilen, der nur bei Bedarf ausgeführt wird (der sogenannte „weiche“ Zeilenvorschub).  Dies kann erreicht werden, indem ein Tag an der richtigen Stelle im Text platziert wird <WBR>(Word BReak), das mit dem Tag identisch ist <BR>, benötigt kein schließendes Tag.</p><p><i><b>Notiz</b>
</i></p><p><i>Etikett <WBR>wird vom Netscape-Browser überhaupt nicht unterstützt.  Microsoft Internet Explorer erkennt dieses Tag nur in getaggtem Text <NOBR>.
</i></p><table width="635" border="0"><tr><td width="200">
</td><td>
</td><td width="200">
</td>
</tr></table>
<p>Beim Erstellen von Layouts stellen sich Webmaster regelmäßig die Frage: Wie wird der Text übertragen?  In den meisten Fällen übernimmt der Browser diese Aufgabe selbstständig.  Aber manchmal muss dieser Prozess unter Kontrolle gebracht werden, insbesondere bei der Formatierung langer Wörter und Phrasen, die bei falscher Übersetzung ihre Bedeutung verlieren.</p> <h2>Zeilenumbruch-Eigenschaft</h2> <p>In HTML gibt es ein spezielles Tag zum Trennen von Zeilen <br>.  Aber seine zu häufige Verwendung gilt unter Entwicklern als schlechtes Benehmen und weist oft auf Unprofessionalität hin.  Stellen Sie sich als Beweis vor, Sie haben ein Logo und möchten, dass jeder Buchstabe in einer neuen Zeile beginnt:</p><p> <!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Überprüfung der Umformulierung von Wörtern</title>
 <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
 
</body>
</html>
 </p><p>Das Ergebnis ist umständlicher und hässlicher Code, der bei jedem Entwickler einen Kulturschock auslöst.  Und was ist zu tun, wenn das Logo auf der Desktop-Version horizontal und bei einer Bildschirmbreite von weniger als 550 Pixeln vertikal positioniert werden soll?  Verwenden Sie daher immer Cascading Style Sheets, um das Erscheinungsbild von Elementen anzupassen.  Darüber hinaus lassen sich Zeilenumbrüche mit Hilfe von CSS-Tools eleganter durchführen.  In diesem Fall gibt es kein redundantes Markup, was nur die Seitenladegeschwindigkeit verringert.</p> <p><img src='https://i2.wp.com/fb.ru/misc/i/gallery/59435/2842719.jpg' width="100%" loading=lazy loading=lazy></p> <p>Die erste Eigenschaft, auf die Sie für die Textverarbeitung zugreifen sollten, ist der Zeilenumbruch.  Akzeptiert drei Werte: Normal, Break-All und Keep-All.  Um zu arbeiten, müssen Sie sich nur an Break-All erinnern.  „Normal“ ist die Standardeinstellung und es macht keinen Sinn, sie anzugeben.  Keep-all bedeutet, Zeilenumbrüche in einem CSS-Dokument zu verhindern.  Speziell für chinesische, japanische und koreanische Schriftzeichen entwickelt.  Wenn Sie also nicht in einer dieser Sprachen bloggen, ist die Eigenschaft für Sie nicht von Nutzen.  Es wird auch vom Safari-Browser und iOS-Mobiltelefonen nicht unterstützt.</p><p>Um jeden Buchstaben mithilfe von CSS für das Logo aus dem vorherigen Beispiel einer neuen Zeile zuzuordnen, müssen Sie den folgenden Code schreiben:</p><p>P( Schriftart: fett 30px Helvetica, serifenlos; Breite: 25px; Zeilenumbruch: Break-All; )</p><p>Die Breite und Größe der Schriftart ist so gewählt, dass nur ein Buchstabe Platz findet.  Zeilenumbruch mit dem Wert „break-all“ weist den Browser an, das Wort jedes Mal in eine neue Zeile umzubrechen.  Diese Eigenschaft kann nicht als unersetzlich bezeichnet werden.  Es ist jedoch nützlich, wenn Sie kleine Textblöcke entwerfen, beispielsweise Felder zur Eingabe von Kommentaren.</p> <p><img src='https://i0.wp.com/fb.ru/misc/i/gallery/59435/2842729.jpg' width="100%" loading=lazy loading=lazy></p> <h2>Leerraumeigenschaft</h2> <p>Ein häufiger Fehler, den neue Webentwickler machen, besteht darin, Text mit Leerzeichen oder Eingabetasten zu bearbeiten und sich dann zu fragen, warum ihre Bemühungen nicht auf der Seite angezeigt werden.  Egal wie oft Sie die Eingabetaste drücken, der Browser ignoriert es.  Es gibt jedoch eine Möglichkeit, den Text unter Berücksichtigung aller Abstände so anzuzeigen, wie Sie es möchten.</p><p>In einem CSS-Dokument können mithilfe der Eigenschaft „Leerraum“ zugewiesene Zeilenumbrüche so konfiguriert werden, dass sie Leerzeichen oder Eingabetastenanschläge berücksichtigen.  Leerzeichen mit dem Wert „pre-line“ zwingen den Browser dazu, „Enter“ im Text zu sehen.</p><p> <!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Überprüfung der Umformulierung von Wörtern</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>Wenn Sie in Ihrem CSS-Code pre-line in pre-wrap ändern, berücksichtigt der Zeilenumbruch Leerzeichen.  Und umgekehrt verhindern Sie jegliche Umbrüche, indem Sie dem Text eine Leerraumeigenschaft mit dem Wert nowrap zuweisen:</p><p>#wrapper p( Farbe: #FFF; Abstand: 10 Pixel; Schriftart: Fett 16 Pixel Helvetica, serifenlos; Leerzeichen: Nowrap; )</p><h2>Textüberlauf</h2> <p>Ein weiteres nützliches Tool zum Arbeiten mit Text ist Text-Overflow.  Zusätzlich zu Zeilenumbrüchen können Sie mit der CSS-Eigenschaft Inhalte kürzen, wenn der Container voll ist.  Nimmt zwei Werte an:</p> <ul><li>Clip – schneidet einfach den Text ab;</li> <li>Auslassungspunkte – fügt Auslassungspunkte hinzu.</li>
</ul>#wrapper p( Farbe: #FFF; Abstand: 10 Pixel; Schriftart: Fett 16 Pixel Helvetica, serifenlos; Textüberlauf: Auslassungspunkte; /*Auslassungspunkte hinzufügen*/ Leerzeichen: Nowrap; /* Zeilenumbruch deaktivieren */ Überlauf : versteckt;/*Alles ausblenden, was über den Container hinausgeht*/ ) <p>Damit die Eigenschaft funktioniert, muss das Element außerdem so eingestellt werden, dass Zeilenumbrüche und Überläufe bei ausgeblendetem Wert verhindert werden.</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>
                                
                                <div style="display: none;">
                                    <div class="share42init" data-url="https://mapstr.ru/kak-dobavit-s-pomoshchyu-svoistv-css-perenos-stroki-perenos.html" data-title="So fügen Sie Zeilenumbrüche mithilfe von CSS-Eigenschaften hinzu.  Zeilenumbruch und Trennlinie in HTML So beginnen Sie eine neue Zeile in HTML"></div>
                                    <script type="text/javascript" src="https://mapstr.ru/wp-content/cache/minify/c6b54.js"></script>
                                </div>
                                <div class="mob_info"> <img src="https://mapstr.ru/wp-content/themes/kuzov/pic/mob_info.png" alt="mob_info" loading=lazy loading=lazy></div>
                            </main>
                        </div>
                        
                            <div class="wRight"><div class="wRight-menu"><ul class="wRight-menu-cat-wrap"><li><div class="wRmcatOpen"><div class="cat-block-sidebar-item-img"><div class="item-img-sidebar-bg" style="background-image:url(/wp-content/uploads/2015/12/ic-79.png)"></div></div> <span class="act_text">Seitennavigation</span></div><ul class="wRight-menu-cat">
        <li class="menu-item sp_sm_1_icon">
        <a href="https://mapstr.ru/de/category/android/">
            <div class="cat-block-sidebar-item-img">
                <div class="item-img-sidebar-bg"></div>
            </div> <span>Android</span> </a>
    </li>
    <li class="menu-item sp_sm_1_icon">
        <a href="https://mapstr.ru/de/category/gadgets/">
            <div class="cat-block-sidebar-item-img">
                <div class="item-img-sidebar-bg"></div>
            </div> <span>Gadgets</span> </a>
    </li>
    <li class="menu-item sp_sm_1_icon">
        <a href="https://mapstr.ru/de/category/iron/">
            <div class="cat-block-sidebar-item-img">
                <div class="item-img-sidebar-bg"></div>
            </div> <span>Eisen</span> </a>
    </li>
    <li class="menu-item sp_sm_1_icon">
        <a href="https://mapstr.ru/de/category/research/">
            <div class="cat-block-sidebar-item-img">
                <div class="item-img-sidebar-bg"></div>
            </div> <span>Forschung</span> </a>
    </li>
    <li class="menu-item sp_sm_1_icon">
        <a href="https://mapstr.ru/de/category/how-it-works/">
            <div class="cat-block-sidebar-item-img">
                <div class="item-img-sidebar-bg"></div>
            </div> <span>Wie es funktioniert?</span> </a>
    </li>
    <li class="menu-item sp_sm_1_icon">
        <a href="https://mapstr.ru/de/category/computers/">
            <div class="cat-block-sidebar-item-img">
                <div class="item-img-sidebar-bg"></div>
            </div> <span>Computers</span> </a>
    </li>
    <li class="menu-item sp_sm_1_icon">
        <a href="https://mapstr.ru/de/category/space/">
            <div class="cat-block-sidebar-item-img">
                <div class="item-img-sidebar-bg"></div>
            </div> <span>Raum</span> </a>
    </li>
    <li class="menu-item sp_sm_1_icon">
        <a href="https://mapstr.ru/de/category/science/">
            <div class="cat-block-sidebar-item-img">
                <div class="item-img-sidebar-bg"></div>
            </div> <span>Die Wissenschaft</span> </a>
    </li>
    <li class="menu-item sp_sm_1_icon">
        <a href="https://mapstr.ru/de/category/wrote-in-detail/">
            <div class="cat-block-sidebar-item-img">
                <div class="item-img-sidebar-bg"></div>
            </div> <span>Ausführlich geschrieben</span> </a>
    </li>
    <li class="menu-item sp_sm_1_icon">
        <a href="https://mapstr.ru/de/category/entertainment/">
            <div class="cat-block-sidebar-item-img">
                <div class="item-img-sidebar-bg"></div>
            </div> <span>Unterhaltung</span> </a>
    </li>

    
    
    
    
    
    
    
    
    
</ul></li></ul></div><div class="wRight-b sidebar__br">  <!— Сайдбар - небоскреб —>   </div><div class="wRight-b sidebar__br"> </div><div class="wRight-fresh"><div class="fresh--title"><span>Neueste Artikel</span></div>    <div class="fresh-art">
        <a class="fresh-art--link" href="https://mapstr.ru/de/kak-nastroit-feisbuk-pod-sebya-osnovnye-etapy-nastroiki-nastroika.html">
            <div class="fresh--thumb"> <img width="130" height="100" src="/uploads/b6d009d51d0ae95bbbfba26e7a850438.jpg" class="img-fresh-r wp-post-image" alt="Einrichten einer Facebook-Unternehmensseite – Vollständiger Leitfaden" / loading=lazy loading=lazy></div>
            <div class="fresh-text--ttl">Einrichten einer Facebook-Unternehmensseite – Vollständiger Leitfaden</div>
        </a>
    </div>
    <div class="fresh-art">
        <a class="fresh-art--link" href="https://mapstr.ru/de/chto-takoe-facebook-i-s-chem-ego-edyat.html">
            <div class="fresh--thumb"> <img width="130" height="100" src="/uploads/7cb7f650454c9ab19b7955327c7ef4fc.jpg" class="img-fresh-r wp-post-image" alt="Was ist Facebook und womit isst man es?" / loading=lazy loading=lazy></div>
            <div class="fresh-text--ttl">Was ist Facebook und womit isst man es?</div>
        </a>
    </div>
    <div class="fresh-art">
        <a class="fresh-art--link" href="https://mapstr.ru/de/otklyuchit-uslugu-100-minut-v-seti-mts-podklyuchaem-besplatnye-minuty-na.html">
            <div class="fresh--thumb"> <img width="130" height="100" src="/uploads/bd36ecbada7714cb986288ca08d17948.jpg" class="img-fresh-r wp-post-image" alt="Verbinden Sie Freiminuten mit MTS" / loading=lazy loading=lazy></div>
            <div class="fresh-text--ttl">Verbinden Sie Freiminuten mit MTS</div>
        </a>
    </div>
    <div class="fresh-art">
        <a class="fresh-art--link" href="https://mapstr.ru/de/kak-sozdat-fermu-dlya-maininga-zhestkii-disk-operativnaya-pamyat-monero-i.html">
            <div class="fresh--thumb"> <img width="130" height="100" src="/uploads/923707ccc49234dde9eee75ba9673bd2.jpg" class="img-fresh-r wp-post-image" alt="Festplatte, RAM" / loading=lazy loading=lazy></div>
            <div class="fresh-text--ttl">Festplatte, RAM</div>
        </a>
    </div>
    <div class="fresh-art">
        <a class="fresh-art--link" href="https://mapstr.ru/de/operacionnye-sistemy-vs-o-nih-operacionnaya-sistema-osnovnye-vidy.html">
            <div class="fresh--thumb"> <img width="130" height="100" src="/uploads/937a8b2d1261de7c0f2119733df04a72.jpg" class="img-fresh-r wp-post-image" alt="Betriebssysteme – alles darüber" / loading=lazy loading=lazy></div>
            <div class="fresh-text--ttl">Betriebssysteme – alles darüber</div>
        </a>
    </div>
</div><div class="wRight-b sidebar__br"><div class="fixed-b"><div id="yandex_rtb_R-A-257279-3"></div> 



</div></div></div>
                        
                    </div>
                </div>
            </div>
        </div>
        
            <footer class="wFooter"><div class="wSize"><div class="f_logo"> <img src="https://mapstr.ru/wp-content/themes/kuzov/pic/footer_logo.png" alt="" loading=lazy loading=lazy></div><div class="f_list"> <noindex><div class="menu-p"><ul class="bot-menu-nav" id="bot-nav">
        <li class="menu--item"><a  href="https://mapstr.ru/de/category/android/">Android</a></li>
    <li class="menu--item"><a  href="https://mapstr.ru/de/category/gadgets/">Gadgets</a></li>
    <li class="menu--item"><a  href="https://mapstr.ru/de/category/iron/">Eisen</a></li>
    <li class="menu--item"><a  href="https://mapstr.ru/de/category/research/">Forschung</a></li>
    <li class="menu--item"><a  href="https://mapstr.ru/de/category/how-it-works/">Wie es funktioniert?</a></li>

    
    
    
</ul></div><div class="menu-p"><ul class="bot-menu-nav" id="bot-nav">
        <li class="menu--item"><a  href="https://mapstr.ru/de/category/android/">Android</a></li>
    <li class="menu--item"><a  href="https://mapstr.ru/de/category/gadgets/">Gadgets</a></li>
    <li class="menu--item"><a  href="https://mapstr.ru/de/category/iron/">Eisen</a></li>
    <li class="menu--item"><a  href="https://mapstr.ru/de/category/research/">Forschung</a></li>
    <li class="menu--item"><a  href="https://mapstr.ru/de/category/how-it-works/">Wie es funktioniert?</a></li>

    
    
</ul></div> </noindex></div><div class="fw-area"> <noindex><ul class="soc_bot_wg">
    <li><a href="https://vk.com/share.php?url=https://mapstr.ru/kak-dobavit-s-pomoshchyu-svoistv-css-perenos-stroki-perenos.html" target="_blank"  class="soc soc-vk"> <span class="soc_title">Vkontakte</span><span class="soc_count"></span></a></li>
    <li><a href="https://connect.ok.ru/offer?url=https://mapstr.ru/kak-dobavit-s-pomoshchyu-svoistv-css-perenos-stroki-perenos.html" target="_blank"  class="soc soc-od"><span class="soc_title">Klassenkameraden</span><span class="soc_count"></span></a></li>
    <li><a href="https://www.facebook.com/sharer/sharer.php?u=https://mapstr.ru/kak-dobavit-s-pomoshchyu-svoistv-css-perenos-stroki-perenos.html" target="_blank"  class="soc soc-fb"><span class="soc_title">Facebook</span><span class="soc_count"></span></a></li>
    <li><a href="https://www.twitter.com/share?url=https%3A%2F%2Fmapstr.ru%2Fde%2Fkak-dobavit-s-pomoshchyu-svoistv-css-perenos-stroki-perenos.html" target="_blank"  class="soc soc-tw"><span class="soc_title">Twitter</span><span class="soc_count"></span></a></li>
    <li><a href="https:/" target="_blank"  class="soc soc-gp"><span class="soc_title">Google +</span><span class="soc_count"></span></a></li>
    <li><a href="" target="_blank"  class="soc soc-pint"><span class="soc_title">Pinterest</span><span class="soc_count"></span></a></li>

</ul> </noindex><div class="f-widget"><div class="counters"><li id="text-2" class="widget widget_text"></li></div></div><div class="clear"></div><div class="f-bot"><ul class="menu" id="menu-footer">
    <li><a  href="https://mapstr.ru/de/sitemap.xml">Seitenverzeichnis</a></li>
    <li><a  href="">Werbung</a></li>
    <li><a  href="https://mapstr.ru/de/feedback.html">Kontakte</a></li>
</ul><div class="copyright">
    <p>© 2024 mapstr.ru.  Offensichtlich und unglaublich.  Alle Rechte vorbehalten</p>
</div></div></div> <!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]--><div class="cp_arr" id="ur"></div> <script type="text/javascript" src="https://mapstr.ru/wp-content/cache/minify/13d7d.js"></script>  <script type="text/javascript" src="https://mapstr.ru/wp-content/cache/minify/33cdd.js"></script>  <script type="text/javascript" src="https://mapstr.ru/wp-content/cache/minify/0fef6.js"></script> <script type='text/javascript'>var es_widget_notices={ "es_email_notice":"Please enter email address","es_incorrect_email":"Please provide a valid email address","es_load_more":"loading...","es_ajax_error":"Cannot create XMLHTTP instance","es_success_message":"Successfully Subscribed.","es_success_notice":"Your subscription was successful! Within a few minutes, kindly check the mail in your mailbox and confirm your subscription. If you can't see the mail in your mailbox, please check your spam folder.","es_email_exists":"Email Address already exists!","es_error":"Oops.. Unexpected error occurred.","es_invalid_email":"Invalid email address","es_try_later":"Please try after some time","es_problem_request":"There was a problem with the request"} ;</script> <script type="text/javascript" src="https://mapstr.ru/wp-content/cache/minify/37d4f.js"></script> <script type='text/javascript'>var es_widget_page_notices={ "es_email_notice":"Please enter email address","es_incorrect_email":"Please provide a valid email address","es_load_more":"loading...","es_ajax_error":"Cannot create XMLHTTP instance","es_success_message":"Successfully Subscribed.","es_success_notice":"Your subscription was successful! Within a few minutes, kindly check the mail in your mailbox and confirm your subscription. If you can't see the mail in your mailbox, please check your spam folder.","es_email_exists":"Email Address already exists!","es_error":"Oops.. Unexpected error occurred.","es_invalid_email":"Invalid email address","es_try_later":"Please try after some time","es_problem_request":"There was a problem with the request"} ;</script> <script type="text/javascript" src="https://mapstr.ru/wp-content/cache/minify/ec5ba.js"></script> <script async defer src="https://cdn.jsdelivr.net/jquery.goodshare.js/3.2.5/goodshare.min.js"></script> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> </footer>
        
 
</div>
<style>
    #BlockPeek {
        display: none !important;
    }

    @media screen and (max-width: 480px) {
        #BlockPeek {
            display: block !important;
        }
    }
</style>
</body>

</html>