& thinsp; & ensp ;, & emsp; Alternativen im Safari Browser
& amp; thinsp ;, & amp; ensp ;, & amp; emsp; sind in Safari Browser unterbrochen.
Dies sind Thin Space, N-Size-Space, M-Size-Space, der in anderen Browsern funktioniert.
thinsp: a b c d e f g
ensp: a b c d e f g
emsp: a b c d e f g
Gibt es dafür Alternativen in Safari?
3 Antworten
Dies könnte ein Schriftproblem sein; Es kann hilfreich sein, eine Schriftart anzugeben, die Glyphen für die verwendeten Räume mit fester Breite enthält. Die meisten Schriftarten fehlen ihnen. Gute Browser benötigen keine Glyphen, sondern erhöhen den Abstand zwischen anderen Zeichen.
Ein robusterer Ansatz besteht jedoch darin, CSS-Techniken zum Hinzufügen von Abständen zu verwenden, hauptsächlich die padding -Eigenschaften, und für Textausführungen, bei denen ein bestimmter Abstand zwischen allen Buchstaben gewünscht wird, die letter-spacing -Eigenschaft. Beachten Sie, dass bei Verwendung des letzteren auch der Abstand nach dem letzten Zeichen hinzugefügt wird. Meine Seite auf Unicode-Räumen zeigt die definierten oder typischen Breiten von "Räumen mit fester Breite" THIN SPACE (die nicht alle wirklich feste Breite sind). Aber es ist wahrscheinlich besser, von der Menge des gewünschten Abstandes zu beginnen, in Bezug auf die em -Einheit (Schriftgröße), und einfach die Leerzeichen mit fester Breite zu vergessen.
Eine weitere Möglichkeit besteht darin, das normale SPACE-Zeichen zu verwenden, es jedoch in ein span einzufügen und seine Breite festzulegen. Dies erfordert, dass es ein Inline-Block wird. Der Ansatz ist besser als der obige, wenn der gewünschte Nicht-CSS-Fallback ein regulärer Raum ist und kein Abstand vorhanden ist. Beachten Sie, dass Suchmaschinen CSS-ignorant sein sollten, also ist dieser Ansatz relevant, um sie dazu zu bringen, einen Wortraum zwischen Zeichen zu sehen (zB "foo bar" und nicht "foo bar" zu sehen, wenn Sie einen festen Abstand dazwischen haben wollen) die Wörter "foo" und "bar"). Und wie üblich können Sie NO-BREAK SPACE anstelle von SPACE verwenden, um einen Zeilenumbruch zu verhindern.
Beispiel:
Dieses Problem scheint behoben zu sein. Ich kann es sowieso nicht reproduzieren. Ich habe mit vier gängigen Schriftarten getestet. Hier ist die Testseite:
Ich habe kein Apple-Gerät, aber ich habe ein paar Browser-übergreifende Test-Websites verwendet, um es mit Safari zu überprüfen. Alle Leerzeichen scheinen sowohl in Safari 9.1.3 als auch in Safari 7.1 gut zu funktionieren.
Ich wollte Boxen in einem Formular ausrichten und   in einem span mit style="padding-left: 0.7em vor dem Eingabeelement verwenden. Ich habe dann jedes em angepasst, um die Boxen mit 0.4em , 0.85em , 0.95em und 1.3em auszurichten, die alle gegen das Eingabefeld ausgerichtet sind, das keine Anpassung erfordert.