Контролировать пространство между двумя UL в HTML - PullRequest
Новая
       9

Контролировать пространство между двумя UL в HTML

0 голосов
/ 27 апреля 2018

У меня есть следующий код: 

<ul id="First">
  <li>First item</li>
  <li>Second item</li>
</ul>
<ul id="Second">
  <li>Third item</li>
</ul>

Цель состоит в том, чтобы иметь возможность контролировать, будет ли отображаться первый или второй список, с помощью простой строки javascript. Например: 

document.getElementById('First').style.display = 'block';
document.getElementById('Second').style.display = 'none';

Проблема в том, что я хочу, чтобы три элемента были только одним списком, на случай, если я решу показать оба, но я получу один список, пробел, а затем второй список. Примерно так:

Первый элемент Второй элемент Третий элемент

Как я могу удалить пробел между обоими списками?

Ответы [ 2 ]

0 голосов
/ 27 апреля 2018

Выполните следующие действия в файле css как 

ul{
  margin : 0 auto;
}

и в HTML-теги записать как 

<ul id="First">
<li>First item</li>
<li>Second item</li>
</ul>
<ul id="Second">
<li>Third item</li>
</ul>

Это используется для добавления многих ul и будет отображать тот же стиль в соответствии с вашими потребностями.

0 голосов
/ 27 апреля 2018

Я бы добавил 

style="margin:0;"

на теги ul, подобные этому: 

<ul style="margin:0" id="First">
  <li>First item</li>
  <li>Second item</li>
</ul>
<ul style="margin:0" id="Second">
  <li>Third item</li>
</ul>

Вот простой jsfiddle: https://jsfiddle.net/5c0getsL/2/

...