Die Größe der Tabelle Proportional passend zu div

Mein Problem ist einfach, und ich vermute, die Antwort ist Ihr nicht möglich, ich konnte keine Beispiele.

Ich habe eine Tabelle gebaut mit css und HTML. Ich möchte zu re-Größe ist es proportional, als ob es war ein Bild, so passt er sich innerhalb eines DIV. Ich weiß, Sie Jungs wissen, was ein Tisch aussieht, aber scheint so, als müsste ich Einreichen, code zu senden, diese Fragen, also ich habe es unten

<table>
    <tr>
       <td></td>
    </tr>
</table>

Unter der Annahme, dass das nicht möglich ist, ist es möglich, konvertieren Sie eine Tabelle in ein Bild und dann kann ich re-Größe das Bild?

Haben Sie versucht, alles mit JS oder jQuery?
Nur setzen Sie die Breite auf 100%?

InformationsquelleAutor user1547410 | 2014-01-13

  1. 3

    Können Sie die Breite der Tabelle auf 100% des enthaltenden div-Element, dann legen Sie die <td>'s ein Prozentsatz der Tabelle.

    Ein Beispiel wäre so etwas wie dieses: http://jsfiddle.net/9VFQ5/

    <div class="container">
  <table>
      <tr>
         <td>Test 1</td>
         <td>Test 2</td>
      </tr>
  </table>
</div>


.container {
  width: 25%;
  background-color: red;
}
table {
  width: 80%;
  margin: 0 auto;
  background-color: blue;
}
td {
  width: 50%;
  color: white;
}

    InformationsquelleAutor LindleyW

Schreibe einen Kommentar