Информация о том, как использовать поля

Question

Мне нужна некоторая информация о том, как использовать поля и как именно заполнение работает.

Например:Должен ли я поместить строку так, чтобы она занимала всю ширину страницы (независимо от того, какое разрешение используется для отображения веб-страницы), оставляя только небольшую рамку с каждой стороны, как я мог бы этого добиться?

Answer 1

Взгляните на это: http://redmelon.net/tstme/box_model/

По сути, элемент состоит из содержимого, окруженного его заполнением, затем границей, затем полем.Фоновые изображения простираются только до границы.Поля лучше всего описать как "пробел вокруг этого элемента".

Но взгляните на приведенный выше URL-адрес и создайте себе тестовую страницу, чтобы поиграть с ней, все это должно иметь смысл.

Answer 2

Я думаю, это должно сделать то, что вы хотите:

<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>

Установка значения width равным "100%" заставляет текст использовать всю ширину, а установка значения cellpadding равным "5" устанавливает невидимую границу в 5 пикселей.

Answer 3

Другой способ проиллюстрировать это в модели box, padding - это внутреннее "поле" поля, которое является буфером вокруг поля.