Попытка заставить мои радио-кнопки выравниваться

Простыми словами это происходит потому, что в python все работает по ссылке, поэтому, когда вы создаете список списков таким образом, вы в основном получаете такие проблемы.

Чтобы решить вашу проблему, вы можете сделать либо один из них: 1. Используйте документацию numpy array для numpy.empty 2. Добавьте список, когда вы попадаете в список. 3. Вы также можете использовать словарь, если хотите

-1
задан afreakinlemon 24 March 2019 в 05:04
поделиться

2 ответа

Сделайте так, ваши входы будут в одном столбце, проверьте пример ниже.

<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
<div id="main">
<h1 id="title">Survey Form</h1>
<p id="description">Favourite Wu-Tang Things</p>

  <div class="leftsidequestions">
      <form id="survey-form">
       <label id="name-label" for="name">Name:</label>
      <input type="name" id="name" required placeholder="Name"><br>
      <br>
        <label id="email-label" for="email">Email:</label> 
        <input type="email" id="email" required  placeholder="Email"><br>
      <br>
        <label id="number-label" for="age">&ensp; Age: </label>
        <input type="number" id="number" min="1" max="100"  placeholder="Age"><br><br>
        Favourite Wu-Tang Album: 
        <select id="dropdown">
        <option value="1">Enter the Wu-Tang (36 Chambers)</option>
        <option value="2">Wu-Tang Forever</option>
        <option value="3">The W</option>
        <option value="4">Iron Flag</option>
        <option value="5">8 Diagrams</option>
        <option value="6">A Better Tomorrow</option>
        <option value="7">Once Upon a Time in Shaolin</option>
        </select><br><br>
        Favourite Member<br>
        <div class="inputs"><input type="radio" name="member" value"rza">Rza
        <br><input type="radio" name="member" value"gza">Gza
        <br><input type="radio" name="member" value"odb">Ol Dirty Bastard
        <br><input type="radio" name="member" value"Methodman">Method-Man<br>
        <input type="radio" name="member" value"Raekwon">Raekwon
        <br><input type="radio" name="member" value"U-God">U-God
        <br><input type="radio" name="member" value"Masta">Masta Killa
        <br><input type="radio" name="member" value"Ghostface">Ghostface Killah
        </div>
  </div>
</form>
</div>

сначала добавьте один div с именем класса «input» и оберните ваши входные данные в него. и добавьте этот класс CSS

body

#title {
  text-align:center;
}
#description {
  text-align:center
}

#survey-form {
  text-align:center;
}
.leftsidequestions {
  display:inline-block
  margin:auto;
  text-align:right;
}
#number {
  width:9%;
}

.inputs {
  display: flex;
  flex-direction: column;
  width: 200px;
  margin: auto; 
}

и увидите его в своем коде.

0
ответ дан Muhammad Adil 24 March 2019 в 05:04
поделиться

Следуя их примеру, для каждой строки они обернули содержимое слева и справа, каждый в элементы div, для которых установлено inline-block. Вот так:

.left,
.right {
  display: inline-block;
  width: 45%;
}

.left {
  text-align: right;
}

.right {
  text-align: left;
}

input {
  margin: 5px;
}
<div class="left">
  <label id="name-label" for="name">Name:</label>
 </div>
 <div class="right">
   <input type="name" id="name" required placeholder="Name" />
</div>

<div class="left">
  <label id="email-label" for="email">Email:</label>
</div>
<div class="right">
  <input type="email" id="email" required placeholder="Email" />
</div>

0
ответ дан hotpink 24 March 2019 в 05:04
поделиться
Другие вопросы по тегам:

Похожие вопросы: