Question

我正在看django模板中的一个表格（网格），它几乎就像我想要的......我想让'道格拉斯'和'道格拉斯2'变量更加正确但我对前端很恐怖（html / Css）我只是要打破一个分支，我怎样才能使这两个元素更正确？我试图为他们设置一个类css并使用“margin-left”但它正在加载所有...

file.html

{% load staticfiles %}
</!DOCTYPE html>
<html>
<head>
  <title></title>
  <link href="{% static 'css/app.css' %}" rel="stylesheet">
</head>
<body>
{% for m in matrice %}
  <div class="fp">
  {% for n in m %}
        <p class="sp">{{n}}</p>
  {% endfor %}
  </div>
{% endfor %}
</table>
</body>
</html>

file.css

body {
    background-color: #dbffdb
}

.div {
    background-color: #42f453;
}

.tr {
    font-size: 20px;
    background-color: black;
}

.sp {

    display: inline-block;
    margin-left: 50px;
    font-size: 20px;
    color: red;
    padding:10px;
}

在Django模板中组织网格

0 个答案: