как дать пространство между двумя рядами? - PullRequest
0 голосов
/ 29 апреля 2020

Я хочу указать пробел между двумя строками в HTML файле

, в котором добавить код для пробела между двумя строками

<script type="text/javascript" src="https://code.jquery.com/jquery-3.4.1.slim.js"></script>
      <link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.css">
      <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.js"></script>
      <script type="text/javascript" src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.js"></script>
      <link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css">

<div class="text-center">
  <div class="btn-group btn-group-toggle row">
    <label class="btn btn-white btn-sm btn-xs col-lg-3">
      <input type="checkbox" class="custom-control-input" name="status" value="0">
      viaxors Payment 1
    </label>
    <label class="btn btn-white btn-sm btn-xs col-lg-3">
      <input type="checkbox" class="custom-control-input" name="auth" value="0">
      In Noxitix 2
    </label>

    <label class="btn btn-white btn-sm btn-xs col-lg-3">
      <input type="checkbox" class="custom-control-input" name="auth" value="0">
      Soctixitx 3
    </label>
    <label class="btn btn-white btn-sm btn-xs col-lg-3">
      <input type="checkbox" class="custom-control-input" name="auth" value="0">
      Enjogs 4
    </label>
    <label class="btn btn-white btn-sm btn-xs col-lg-3">
      <input type="checkbox" class="custom-control-input" name="auth" value="0">
      Nedd Monons Duk 5
    </label>
    <label class="btn btn-white btn-sm btn-xs col-lg-3">
      <input type="checkbox" class="custom-control-input" name="auth" value="0">
      Escalation 6
    </label>
  </div>
</div>

вывод:

enter image description here

как указать расстояние между двумя строками в HTML file?

help?

Ответы [ 2 ]

0 голосов
/ 29 апреля 2020

Учитывая, что здесь начинается строка (согласно вашему коду):

<div class="btn-group btn-group-toggle row">

Затем добавьте к ней следующее:

<div class="btn-group btn-group-toggle row" style="margin-bottom:20px;">

Вы можете выбрать любой из полей или на полях снизу (если у вас sh пробел сверху внизу). Кроме того, поиграйте с количеством пикселей и выберите, сколько места вам достаточно.

0 голосов
/ 29 апреля 2020

В HTML вы можете использовать <br>, чтобы добавить пустую строку, вы можете попробовать.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...