Привет, ребята, у меня есть div в шаблоне django, которые созданы циклом Django for. У меня есть 2 промежутка в одном div, разделенном большим количеством пробелов, что я хочу сделать, это выровнять вторые промежутки между промежутками с классом табуляции в одном линии, как мне это сделать?
Я пытался добавить отступы, поля, но это не сработало.
HTML:
<div>
{% for entries in mylist %}
<div class = "ladder"> <span class = "player"> {{ entries.0 }}</span> <span class = "tab"> {{ entries.1 }} </span></div>
{% endfor %}
</div>
CSS:
player { margin-left: 20px;
}
.ladder{ width: 30%;
border: solid 2px blue;
margin-left: 20px;
margin-bottom: 30px;
}
.tab {
margin-left: 40%; }
https://i.stack.imgur.com/alGa7.png Я не могу вставлять изображения прямо сейчас, поэтому я получил эту ссылку, чтобы показать, как это происходит прямо сейчас, я хочу, чтобы числа были выровнены в одну строку.
Я не хочу использовать таблицу, я хочу использовать эту структуру, это именно то, что я искал, просто нужно выровнять числа
укажите ширину каждого пролета
@HenryM Например, класс дает фиксированное значение и дает каждому диапазону этот класс?
да, через класс. Если у вас есть класс LHS (левая сторона) и класс RHS (правая сторона), то они должны выстраиваться вертикально
Я пытался указать фиксированную ширину, но она совсем не изменилась, можете ли вы точно показать, как я должен это сделать? Должен ли я добавлять/удалять строки из моих классов css?
dl {
width: 100%;
overflow: hidden;
background: #ff0;
padding: 0;
margin: 0
}
dt {
float: left;
width: 50%;
/* adjust the width; make sure the total of both is 100% */
background: #cc0;
padding: 0;
margin: 0
}
dd {
float: left;
width: 50%;
/* adjust the width; make sure the total of both is 100% */
background: #dd0
padding: 0;
margin: 0
}
<dl>
<dt>Mercury</dt>
<dd>Ερμής</dd>
<dt>Venus</dt>
<dd>Αφροδίτη</dd>
<dt>Earth</dt>
<dd>Γη</dd>
</dl>
Похоже, вы производите что-то похожее на стол? Вы не думали об использовании стола?