Informationen darüber, wie die Margen nutzen

Question

Ich brauche ein paar Informationen darüber, wie die Margen zu nutzen und wie genau padding funktioniert.

Zum Beispiel: Sollte habe ich eine Linie, die die gesamte Breite der Seite zu besetzen (egal welche Auflösung verwendet wird, um die Web-Seite angezeigt wird) auf jeder Seite nur einen kleinen Rand zu lassen, wie ich das erreichen könnte

Answer 1

Haben Sie einen Blick auf diese: http://redmelon.net/tstme/box_model/

Grundsätzlich besteht ein Element der Inhalt durch seine Polsterung umgeben, dann ist die Grenze, dann ist der Rand. Hintergrundbilder nur bis zur Grenze erstrecken. Die Margen sind am besten als ‚das Leerzeichen, um dieses Element‘ bezeichnet.

Aber haben einen Blick auf die URL oben, und machen Sie es sich um eine Testseite ein Spiel mit haben, sollte es alle sinnvoll.

Answer 2

ich denke, das sollte das tun, was Sie wollen:

<table width="100%" cellpadding="5">
  <tr>
    <td>
One, two, three ... One, two, three ... One, two, three ... One, two, three ... One, two, three ... One, two, three ... One, two, three ... One, two, three ... One, two, three ... 
    </td>
  </tr>
</table>

Einstellung Breite auf „100%“ zwingt den Text über die gesamte Breite zu verwenden, und Einstellung cellpadding auf „5“ setzt eine unvisible Grenze von 5 Pixeln.

Answer 3

Eine weitere Möglichkeit, zu veranschaulichen, in der Box-Modell ist, ist die Polsterung im Inneren „Rand“ eines Kastenrand ist der Puffer um die Box.