Startseite>Webdesign-Tutorial>WEB-Standardisierung

Umbrechen Sie lange Zeichen wie URLs und E-Mail-Adressen

Autor：Eve Cole Aktualisierungszeit：2009-05-31 01:04:55

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:

  1. <Stil>   
  2. div{
  3. width:300px;overflow:hidden;/* für FF,Opera, feste Breite; zusätzliche Zeichen ausblenden*/
  4. word-wrap:break-word;word-break:normal;/* für IE, Safari, unterstützt automatischen Zeilenumbruch*/
  5. }
  6. </ style >   

Sie können den folgenden Code in IE, Firefox, Opera und Safari ausführen, um Folgendes anzuzeigen:

  1. < Stil   type = "text/css" >   
  2. div{width:200px;background:red;overflow:hidden;word-wrap:break-word;word-break:normal;}
  3. </ style >   
  4. < div > Herzlichen Glückwunsch
  5. Umbrechen Sie lange Zeichen (z. B. URLs und E-Mail-Adressen):
  6. http://www.div-css.com/html/standard/base/81857.html
  7. SDFG EINIGES Wort hat Leerzeichen...
  8. XXXXXXXXXXXXDGXXXXXXXXYYYYDFGYYXXXXXXXSDGXXXXXXXXXXXXyXXXXXXXXXXxwhite-space: nowrap
  9. 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
  10. Webstandardisierung < a   href = "http://www.div-css.com"   _fcksavedurl = "http://www.div-css.com" > www.div-css.com </ a >   
  11. 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
  12. </div>  

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.
Ähnliche Artikel