Как убрать поле слева от ul с сеткой - PullRequest
Новая
       13

Как убрать поле слева от ul с сеткой

1 голос
/ 15 марта 2019

У меня очень простая сетка: 

#grid{
  display: grid;
  grid-template-columns:  1fr 1fr 1fr;
  list-style-type: none;
}

для стилизации десяти элементов списка: 

  <body>
    <ul id="grid">
      <li>1</li>
      <li>2</li>
      <li>3</li>
      <li>4</li>
      <li>5</li>
      <li>6</li>
      <li>7</li>
      <li>8</li>
      <li>9</li>
      <li>10</li>

    </ul>
  </body>

Приведенный выше код выводит сетку с полем с левой стороны, какмогу ли я удалить это (https://jsfiddle.net/0z9xuyc4/2/)?

1 Ответ

3 голосов
/ 15 марта 2019
Элемент

<ul> имеет отступ по умолчанию в 40px ( Source ).

Добавьте стиль padding-left: 0 к вашему селектору #grid {}, и он будет работать так, как вы хотите.

В будущем вы можете использовать Web Inspector в браузере, чтобы увидеть, является ли это отступом или полем.

...