ausblenden Grenze, wenn es keine Inhalte

Auf ein div habe ich css festgelegt:

div.class {border: 1px solid red;}

Div ist absolut positioniert in der Mitte der Seite. Das problem ist, dass die Grenze auch angezeigt, wenn es keine Inhalte.

Alle css-Methoden, um die Grenze nicht zu erscheinen, wenn es keine Inhalte?

  • Scheint semantisch zweifelhaft zu haben, ein div ohne Inhalt. Ist es möglich für Sie zu schreiben nur das div auf der Seite, wenn der Inhalt verfügbar ist?
InformationsquelleAutor Harry | 2011-06-20
  1. 45

    CSS3 hat einen Selektor definiert für diesen Fall. Es funktioniert nicht in IE8 und niedriger aber.

    div.class:empty { 
    border: none;
}

    Ihre beste option wäre zu zwicken, auf der server-Seite, und anzeigen nicht einfach das div, wenn es leer wäre.

    • Funktionieren würde, aber es ist sicherlich nicht die beste Vorgehensweise in dieser situation.
    • hängt davon ab, wie die situation tatsächlich ist
    • Ausgezeichnet. funktioniert perfekt. Dank
    • Dies kann auch kombiniert werden mit :nicht
    InformationsquelleAutor kapa
  2. 0

    Wenn das div-Element kann Inhalte eines server-Antwort, können Sie sagen, ob es ein leeres oder ein gefülltes Reaktion und Veränderung auf display:none oder display:block entsprechend

    InformationsquelleAutor Chiguireitor
Schreibe einen Kommentar