CSS-Breitensubtraktion

Wie subtrahieren Sie die Breite in CSS?

Beispiel:

width = 100% - 10px

Ich spreche nicht über padding oder margin.

Kommentar zu dem Problem
@Kyle, sorry, aber 10px ist nicht 10%. Kommentarautor: Ruel
@Kyle - wird nicht funktionieren. 10% != 10px, es sei denn, der container ist 100px. Kommentarautor: Michael Shimmins
Aha, ich sehe, dass.. Sorry, falsch gelesen 🙂 Kommentarautor: Kyle
Ich weiß, Sie ausdrücklich gebeten, über die Breite der Subtraktion, aber je nachdem, was Sie versuchen zu erreichen, wenn Sie box-sizing: border-box, um Polsterung ein Teil (anstatt zusätzlich) die Breite, Sie könnte verwenden Sie width: 100% mit padding: 0 10px. Kommentarautor: Steven Linn

InformationsquelleAutor der Frage Jeaf Gilbert | 2010-09-29

  1. 21

    Nun mit calc die Lösung :

    width: calc(100% - 10px);

    Calc mit Addition, Subtraktion, Multiplikation, Division.

    Zusätzlicher Hinweis :

    Hinweis: Die + und - Operatoren müssen immer umgeben von Leerzeichen.
    Der operand calc(50% -8px) wird beispielsweise analysiert werden, wie ein
    Anteil gefolgt von einer negativen Länge, einen ungültigen Ausdruck, während
    der operand calc(50% - 8px) ist ein Prozentsatz, gefolgt von einem minus
    Zeichen und Länge. Noch weiter, calc(8px + -50%) behandelt wird wie ein
    Länge, gefolgt von einem plus-Zeichen und einen negativen Anteil. Die * und /
    Betreiber benötigen keine Leerzeichen, sondern, indem es für die Konsistenz
    erlaubt und empfohlen.

    InformationsquelleAutor der Antwort mpgn

  2. 13

    Einfach: Sie kann das nicht tun. Du wirst einige Abhilfe.

    InformationsquelleAutor der Antwort Peter

  3. 12

    Gut, bis CSS3 calc() ist veröffentlicht in allen gängigen Browsern, also alles, was Sie tun müssen, ist wrap ein div mit anderen, und verwenden Sie einige Polster-Ränder. ODER, Sie können einige javascript, wie das zählen der Breite des Bildschirms und die Einstellung der Breite des div entsprechend.

    InformationsquelleAutor der Antwort n1313

  4. 3

    Könnten Sie in der Lage sein, dies zu tun mit SASS, wenn Sie einen Stapel, die es unterstützt. Ich bin mir nur bewusst, Ruby, aber es könnten auch andere sein.

    SASS ist CSS-style-Codes, die erzeugt traditionelle CSS, können Sie Variablen verwenden und so weiter.

    InformationsquelleAutor der Antwort Grant Crofton

  5. 2

    Der einzige Weg dies zu erreichen ist, zu erstellen Sie Ihre CSS verwenden LessCSS oder ein ähnliches tool, und dann Bearbeiten Sie diese Dateien in die generierte CSS - Sie können es nicht on-the-fly

    InformationsquelleAutor der Antwort Nev Stokes

  6. 2

    Eigentlich gibt es keine solche Funktionalität. Alles, was Sie tun können, ist:

    width:auto;
margin-right: 10px;

    ist nicht, was Sie wollen.

    InformationsquelleAutor der Antwort Thariama

  7. 1

    In der Regel, verwendet man einen dynamischen Ansatz, dass code generiert on-the-fly.
    Zum Beispiel in PHP, beim schreiben der CSS-Teil,

     $width = $all - 10;
 echo 'width:' . $width . 'px;';

    InformationsquelleAutor der Antwort Ring Ø

Schreibe einen Kommentar