2016-06-01 11 views
0

Ich habe einen Pfeil am Ende meines Satzes. Es bricht in die nächste Zeile, wenn nicht genug Platz ist. Es bricht auf die nächste Zeile mit dem Wort im Browser wie Chrome und Mozilla, aber in IE bricht nur Pfeil auf die nächste Zeile. Es sollte das gleiche Verhalten wie andere Browser fiddlePfeil brechen auf die nächste Zeile in IE11

Chrome Screenshot

enter image description here

IE11 Screenshot zu tun haben

enter image description here

HTML

<div>See your operating system's help resources</div> 

CSS

div{ width:50%; border:solid 1px #ff0000} 
div:after{ content:">"; margin-left:5px} 
+1

Ich versuchte es auf Edge, IE11 und Chrome es funktioniert auf allen von ihnen. Ich konnte den Pfeil nicht auf die nächste Linie brechen –

+0

ja, ich habe auf IE11 überprüft - konnte nicht den Pfeil zur nächsten Zeile brechen. Überprüfen Sie einmal, welche IE-Version Sie bekommen dieses Problem –

+0

Ich bekomme dieses Problem auf IE11 – Carlos

Antwort

0

ich nicht ein Bild in Kommentar hinzufügen könnte so lesen Sie in diesem Screenshot von IE11 enter image description here

+0

Es ist, weil es nicht Platz auch für "Ressourcen" Wort ist. Versuchen Sie es, um die Größe langsam, dann können Sie den Fehler sehen – Carlos

+0

@Carlos Ich versuchte langsam, um die Größe, konnte aber das Problem –

0

Sie könnten eine non-breaking Raum versuchen (&nbsp;).

HTML

<div>See your operating system's help resources</div> 

CSS

div {width:50%; border:solid 1px #ff0000;} 
div:after {content:"\00a0\003e";} 

Edit:Ersetztdiv:after {content:"&nbsp;&gt;";}mitdiv:after {content:"\00a0\003e";}

+0

in html nicht neu erstellen Anzeige ist wie Ihr Betrieb Hilfe der Systemressourcen   > " – Carlos

+0

Sorry, Carlos - mein Fehler. Ich habe vergessen, dass die 'content:' in CSS ': vor' & ': nach' Pseudo-Elemente UTF-8 Escape-Sequenzen, nicht Standard-HTML-Escape-Zeichen. – Rounin

Verwandte Themen