Hey, ich habe mich gefragt, warum dies geschieht:Anzeige der Zellinkonsistenz der Tabelle.
Die Tasten nicht füllen die Behälter noch die Anker tun. Was unterscheidet sich grundlegend zwischen den beiden Tags stilistisch?
<div class="table">
<a href="#">A</a>
<a href="#">B</a>
<a href="#">C</a>
</div>
<div class="table">
<button href="#">A</button>
<button href="#">B</button>
<button href="#">C</button>
</div>
.table {
display: table;
width: 100%;
outline: 1px solid red;
}
.table > * {
display: table-cell;
outline: 1px solid lightgreen;
}
Ich kann es nicht herausfinden, entweder :) Ich bin auch neugierig! Interessanter – Jondlm
Mehr: http://jsfiddle.net/dSVGF/2/ :) – Passerby
@Passerby, die Regel ".table> *" gilt nur für unmittelbare Kinder, so theoretisch, die div (aber nicht seine verschachtelte Taste, A) Für diese Regel sollten die Schaltfläche B und die Spanne (wiederum nicht ihre geschachtelte Schaltfläche) gelten. Da das button-Tag in einigen Browsern "display: table-cell" nicht zulässt, wird hier der Button "B" ausgelassen. – BDawg