Herstellen von vertikalen separator css

Ich brauche Hilfe mit doppelten, vertikalen Linien.

Herstellen von vertikalen separator css

Hier sind Stile:

.slide-container
{
    text-align: center;
    width: 25%;
}

.v-separator
{
    content: "";
    display: inline-block;
    width: 0px;
    height: 230px;
    border-right: 1px solid #fafafa;
    border-left: 1px solid #b4b4b4;
    padding: 0;
    position: relative;
    top: 20px;
}

.v-separator hat Breite 2px, weil die Grenze und dieser das problem verursacht. Ich habe versucht, zu machen .slide-container Breite etwas weniger als 25% (wie 23.853%), aber dies ist nicht die Entscheidung.

Habe ich keine Idee, wie diese Funktion implementiert das irgendwie anders.

Übrigens bin ich mit Foundation 5 und Kompass.

fiddle, die das problem veranschaulicht: http://jsfiddle.net/5w7Hr/

war ein Tippfehler. Ich bin versucht, um doppelte vertikale Linie (wie ich auf dem Bild), die hier passen. Vielleicht kann ich nicht erklären, das problem klar, denn ich bin sehr müde.
können Sie erstellen ein Turnschuh für deinen code?
Ok, habe es. dieser in Ordnung?
Gut Schuss. Nur hatte dieser...
Dies ist ein Duplikat, so viele Fragen.

InformationsquelleAutor VIRUS | 2014-07-26

  1. 9

    Den width:25% im Allgemeinen nicht die Ränder und Grenzen. Wenn alle diese addiert die Breite 100% übersteigt. Dies ist der Grund, warum die Letzte box wird nach unten gedrückt. Sie können dieses Problem beheben, indem Sie hinzufügen box-sizing Einstellung wie unten gezeigt.

    Hinweis: Elemente, deren display ist inline-block haben standardmäßig einen margin zugewiesen und haben uns daher zur Aufrechnung, auch durch die Zuordnung einer negativen Marge (Quelle: CSS-Tricks). Abwechselnd mit float: left statt display: inline-block ist auch eine gute option.

    #wrapper
{
    width: 600px;
    background: lime;
    box-sizing: border-box;
}

.slide-container
{
    text-align: center;
    width: 25%;
    display: inline-block;
    margin: 0px -4px;
}

    Demo

    Warum nach unten Stimmen? Bitte erklären Sie haben es korrigiert.
    Ich habe nicht gestimmt, bei allen noch.
    Statt der Beantwortung einer doppelten Frage, ist es besser, einfach zu Kennzeichnen.
    Ich bin dann davon ausgegangen, dass Sie die waren, die down-gevotet? In dem Fall wäre es nicht besser gewesen, einfach zu flag die Frage? Wenn die Frage wieder entfernt, dann ist die Antwort mit geht es auch. Downvoting eine Antwort, aus diesem Grund macht die Antwort so Aussehen, als ob es falsch ist. Wie jetzt, ich sehe keinen in der Nähe/doppelte Stimmen auf die Frage.
    beachten Sie, dass die Standard-Marge zwischen inline-block Elemente ist abhängig von übergeordneten Elements font-size. Es hat die Breite eines Raumes char.

    InformationsquelleAutor Harry

Schreibe einen Kommentar