nicht in der Lage zu tun, max Breite

Ich habe eine Seite, die einen Inhalt wie dieses...

<div id="content">
testingtestingtestingtestingtestingtestingtestingtestingtesting
testingtestingtestingtestingtestingtestingtestingtesting
testingtestingtestingtestingtesting
</div>

Wie Wende ich eine max-Breite auf . Ich m mit diesem code in den css -

#content {
    max-width:50px; /* for standards-compliant browsers */
   /*width:expression(document.body.clientwidth > 650? "650px": "auto" );*/ 
   /* max-width expression for IE only */
}

aber ich m nicht immer die Ergebnisse, die in firefox...
http://pradyut.dyndns.org/WebApplicationSecurity/width.jsp

Gibt es irgendwelche JavaScript-Lösungen?

Jede Hilfe

Dank

Pradyut

  • Wenn Sie gehen, to css3.com, in der mittleren Spalte sehen Sie eine Liste der aktuellen Reihe von CSS-tags bis zu CSS Level 3.
  • danke für den link...habe einen guten Tag...
InformationsquelleAutor Pradyut Bhattacharya | 2010-03-24
  1. 9

    So, in der CSS, können Sie die word-wrap Eigenschaft zu break-word so, dass Ihr text (w/kein whitespace-Zeichen) gemacht werden, um fit in die max-Breite:

    E. g.

    <style type="text/css">

#content {
    max-width: 50px;
    word-wrap: break-word;
}

</style>
    • FYI, word-wrap ist ein CSS3-style-tag, so kann es nicht überprüfen, Sie w/ aktuelle Prüfungen; aber, ich glaube, die meisten Browser unterstützen den tag.
    • danke für die Hilfe...wirklich schätzen, wenn Sie können, teilen Sie den link, um die neuesten css..
    • cool ich war auch auf der Suche nach diesem.. danke..
    • Kein prob.
    • Mit einem <span> es müssen auch display:block oder display:inline-block
    InformationsquelleAutor kafuchau
  2. 14

    Nun, der Grund, warum Sie nicht immer das erwartete Ergebnis auf der Seite, die Sie zur Verfügung gestellt, indem der link ist, dass Sie mit einem span statt einer div.

    Hinzufügen 

    display: block;

    Ihnen Stil.

    • auch verändert die Seite... immer noch das gleiche... bitte um Hilfe
    InformationsquelleAutor AxelEckenberger
  3. 6

    Wenn Sie mit Ihrem eigenen Beispiel werden Sie feststellen, dass es funktioniert Prima. Die Seite, die du verlinkt benutzt eine span element ist ein inline-element standardmäßig. Inline-Elementen keine Breite oder Höhe. Wenn Sie festlegen möchten max Breite auf ein span-element, setzen Sie die Anzeige, um block-oder inline-block:

    <span id="content" style="max-width:50px; display:block;" >  
testingtestingtestingtestingtestingtestingtestingtestingtesting  
testingtestingtestingtestingtestingtestingtestingtesting  
testingtestingtestingtestingtesting  
</span>
    • auch verändert die Seite... immer noch das gleiche... bitte um Hilfe
    • nun, es gibt keine Zeilenumbrüche in der ganzen Linie "testen...testen" Ihre Seite enthält Zeilenumbrüche... bitte um Hilfe...
    • die überarbeitung der Seite hier.... jsbin.com/itiba/2
    InformationsquelleAutor Andy E
  4. 6
    #content {
    max-width: 50px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

    Können Sie sich wie zu entfernen display: inline-block; je nach dem Kontext des Elements.

    • Was ist die Verwendung von Auslassungszeichen?
    • Es schneidet den text aus und ersetzt die letzten 3 Zeichen mit Perioden, wie: Dies ist eine abgeschnittene t...
    • es ersetzt den text durch das Zeichen '...' & sollten Sie nur ersetzen Sie so viele Zeichen wie nötig (... müssen nur ersetzen, ww in 'awww')
    • Dank der inline-block ist sehr importang.
    InformationsquelleAutor ekerner
Schreibe einen Kommentar