Zeilenumbruch für Media-Query?

8

Gibt es eine Lösung für einen Zeilenumbruch, wenn die Bildschirmauflösung klein ist statt <br> ?

weil br die ganze Zeit die Zeile bricht :(

Hier mein Code <h2>I create unique, clean sites that are easy to navigate.<br>All my works comply with web</h2>

Ich denke, CSS3 könnte eine Lösung für dieses Problem haben

Gibt es eine Lösung für dieses <br> , da der Zeilenumbruch nur benötigt wird, wenn die Seite auf dem Handy

ist

Vielen Dank im Voraus für Ihre Hilfe

    
Muhammed 30.04.2013, 16:00
quelle

4 Antworten

15

Sie können dem BR-Tag einfach eine Klasse hinzufügen und sie so einstellen, dass sie angezeigt wird: standardmäßig keine.

Dann in Ihrer mobilen Medienabfrage stellen Sie es auf "display: static"

Ich habe eher eine statische als eine blockierte Methode vorgeschlagen, weil ich nicht glaube, dass ein BR-Tag standardmäßig ein Anzeigeblock ist. Daher ist es wahrscheinlich am besten, einfach mit statisch zu arbeiten.

    
Billy Moat 30.04.2013, 16:08
quelle
5

Wenn Bootstrap verwendet wird:

%Vor%     
totallytotallyamazing 06.09.2016 18:33
quelle
2

Du könntest einfach Floats benutzen, auf diese Weise musst du nie darüber nachdenken, wo der Snapping-Punkt sein muss. Es wird entweder nebeneinander angezeigt oder springt sofort in die nächste Zeile, wenn sie nicht passt.

%Vor%

jsFiddle: Ссылка

    
Christian Varga 30.04.2013 17:04
quelle
0

Mobile zuerst, verstecken Sie die br , und stellen Sie dann die Anzeige auf größeren Bildschirmen wieder auf initial :

%Vor%

das CSS:

%Vor%     
François Romain 12.03.2018 19:29
quelle

Tags und Links