tds sind größer als angegeben
Ich brauche meine Tabellenzellen 100px width, dafür haben sie 112px width ( 112 in Chrom, 113 in FF, 112.5 in IE10).
Es ist mehr als genug Platz drin:
Und diese Stile werden auf td angewendet
Stück html:
%Vor%Wie mache ich die gewünschte Größe? Die Unterschiede zwischen CSS und der realen Größe sind immer die gleichen ...
Was vermisse ich?
Ah ja, ich habe es versucht:
- Tabellenbreite ist länger als die angegebenen Pixel?
- Warum zeigt der Browser tds größer an? Meine angegebene Breite Eigenschaft?
JSFiddle : Ссылка
3 Antworten
Ihr Tisch hat keine feste Breite. Zellen passen sich immer automatisch an die Breite der gesamten Tabelle an.
Es sei denn, Sie bewerben sich:
%Vor%Sie können die Breite einer Spalte nur dann festlegen, wenn die Summe der Spalten der Gesamtbreite der Tabelle entspricht.
Legen Sie Spaltenbreiten in der Tabelle mithilfe der Spaltengruppierung manuell fest:
%Vor%HINWEIS: Verwenden Sie style nicht width , da die Breite in HTML5 abwertet.
Zellenabstand und Cellpadding
Wenn Sie keinen Wert angeben, wird der vom Browser des Benutzers festgelegte Standardwert verwendet. Dies ist nicht immer 0, wenn es um Tabellen geht.
Wenn Sie den Zellenabstand und das Zellenpadding für Ihre Tabelle voreinstellen , können Sie das Auffüllen jeder Zelle in CSS mit dem padding-Attribut steuern:
CSS
%Vor%Vorrang von Nicht-CSS-Präsentationshinweisen in CSS 2.1
Spezifikation sagt: "Die UA kann sich dafür entscheiden, Präsentationsattribute in einem HTML-Quelldokument zu berücksichtigen. Wenn dies der Fall ist, werden diese Attribute in die entsprechenden CSS-Regeln mit der Spezifität 0 übersetzt und so behandelt, als wären sie am Anfang des Stylesheets des Autors eingefügt worden. Sie können daher durch nachfolgende Stylesheet-Regeln überschrieben werden. "
Jede relevante Einstellung in einem beliebigen Stylesheet, das angewendet wird, überschreibt den Effekt des Zellenabstands. Das Attribut legt das Auffüllen (in jeder Richtung) für jede Zelle der Tabelle auf den angegebenen Wert in Pixel fest. Wenn Sie also z. für eine bestimmte Zelle padding-right: 0, wird es das richtige Padding und 4px Padding in anderen Richtungen haben.
Tabelle mit Cellpadding und Cellpadding:
%Vor%Hinweis: Das cellpadding-Attribut wird in HTML5 nicht unterstützt. Verwenden Sie stattdessen CSS.
Um die Breite der Spalten zu definieren, können Sie das col-Tag verwenden. Ссылка
Er wendet die Breite auf alle tds dieser Spalte an. In diesem Fall wäre das 100px in den ersten beiden Spalten. Und die Breite wird mindestens 100px oder mehr betragen, abhängig vom Inhalt. Auch wenn Sie Padding auf dem TD setzen würde es immer noch 100px pro Spalte hinzufügen.
%Vor%Tags und Links html css html-table