Question

我是HTML / CSS的新手，并且尝试并排对齐图像。我正在尝试使用内联块，但未应用。有人可以指出我要去哪里了。

父类；

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <link rel="stylesheet" href="/static/Css/Parent.css">
    <meta charset="utf-8">
  </head>
  <body>
    <div class="AllCardViews">
      {% block Movies/Shows %}{% endblock Movies/Shows %}
    </div>
  </body>
</html>

儿童班；

{% extends "Movies/Parent.html" %}

{% block Movies/Shows %}
{% for Movie in Movies %}
    <div class="CardView">
        <img src= '{{ Movie.Image }}' align = "middle" alt="">
    </div>
{% endfor %}
{% endblock Movies/Shows %}

对应的CSS；

.AllCardViews {
    width: 170px;
    text-align: center;
    max-width: 80%;
    margin: 5px 20px;
    margin-left: 300px;
    margin-right: 300px;
    margin-top: 300px
}

.AllCardViews .CardView img {
  display: inline-block;
}

在上面您可以看到，我正在尝试指定要在哪里使用内联代码块作为即时消息，同时选择这两个类，但似乎不起作用。

内联块未应用

0 个答案: