Lassen Sie lange Zeichen automatisch umbrechen (z. B. URLs und E-Mail-Adressen). Zweck: Lassen Sie sehr lange Zeichenfolgen automatisch umbrechen, aber kurze Wörter nicht in der Mitte unterbrechen.
So geht's:
-
- div{
- width:300px;overflow:hidden;/* für FF,Opera, feste Breite; zusätzliche Zeichen ausblenden*/
- word-wrap:break-word;word-break:normal;/* für IE, Safari, unterstützt automatischen Zeilenumbruch*/
- }
- style >
|
Sie können den folgenden Code in IE, Firefox, Opera und Safari ausführen, um Folgendes anzuzeigen:
- < Stil type = "text/css" >
- div{width:200px;background:red;overflow:hidden;word-wrap:break-word;word-break:normal;}
- style >
- < div > Herzlichen Glückwunsch
- Umbrechen Sie lange Zeichen (z. B. URLs und E-Mail-Adressen):
- http://www.div-css.com/html/standard/base/81857.html
- SDFG EINIGES Wort hat Leerzeichen...
- XXXXXXXXXXXXDGXXXXXXXXYYYYDFGYYXXXXXXXSDGXXXXXXXXXXXXyXXXXXXXXXXxwhite-space: nowrap
- Einige chinesische Schriftarten Einige chinesische Schriftarten Einige chinesische Schriftarten Einige chinesische Schriftarten Einige chinesische Schriftarten Einige chinesische Schriftarten können möglicherweise nicht umbrochen werden
- Webstandardisierung < a href = "http://www.div-css.com" _fcksavedurl = "http://www.div-css.com" > www.div-css.com a >
- Chinesische Schriftzeichen Chinesische Schriftzeichen Chinesische Schriftzeichen Chinesische englische Schriftzeichen Chinesische Schriftzeichen Chinesische englische Schriftzeichen Chinesische englische Schriftzeichen Chinesische englische Schriftzeichen Chinesische englische Schriftzeichen Chinesische englische Schriftzeichen Chinesische englische Schriftzeichen Chinesische englische Schriftzeichen
-
|
Darüber hinaus wird die Methode im Internet, JS zum automatischen Umbrechen langer Zeichenfolgen in Firefox zu verwenden, nicht empfohlen. Der Grund dafür ist, dass die nach dem Umbrechen erhaltene Zeichenfolge nicht mehr die ursprüngliche Zeichenfolge ist Adresse: Wenn Sie sie erneut kopieren, erhalten Sie nicht mehr die ursprüngliche Adresse und in der Mitte befindet sich ein Leerzeichen. Das ist schon ein weiterer Link.
