Пустая секция появляется при использовании Jinja2/Flask

Я создаю сайт, и он отлично работает, когда я использую прямой html. Теперь я хочу использовать Jinja2 для рендеринга моего шаблона и что-то не так. Вы можете видеть, что здесь пустое место поверх моей страницы http://kgroupman.azurewebsites.net/, но оно отлично работает с firefox. Элемент «Inspect» не указывает на этот пустой раздел и нет отступов или полей, и нет ничего плохого в источнике. Пожалуйста помоги!Пустая секция появляется при использовании Jinja2/Flask

Вот код:

base.html

<!DOCTYPE html> 

<html lang="en" xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <meta charset="utf-8" /> 
    <title> 
     {% block page_title %}{% endblock %} 
    </title> 
    <!--BASE CSS--> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"> 
    <link rel="stylesheet" href="{{url_for('static', filename='css/base.css')}}" /> 
    <!--ADDITIONAL CSS--> 
    {% block additional_css %} 

    {% endblock %} 
    <!--BASE SCRIPT--> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script> 
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
    <!--ADDITIONAL SCRIPT--> 
    {% block additional_script %} 

    {% endblock %} 
</head> 
<body> 
    <section class="header"> 
     <nav class="navbar navbar-default navbar-static-top"> 
      <div class="container-fluid"> 
       <div class="navbar-header"> 
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"> 
         <span class="icon-bar"></span> 
         <span class="icon-bar"></span> 
         <span class="icon-bar"></span> 
        </button> 
        <a class="navbar-brand" href="#"><span><img src="{{url_for('static', filename='imgs/4logo.png')}}" id="logo"></span></a> 
       </div> 
       <div class="collapse navbar-collapse" id="myNavbar"> 
        <ul class="nav navbar-nav navbar-right"></ul> 
       </div> 
      </div> 
     </nav> 
    </section> 
    <section class="body"> 
     <div class="left-panel"> 
      {% block body_left %} 

      {% endblock %} 
     </div> 
     <div class="right-panel"> 
      {% block body_right %} 

      {% endblock %} 
     </div> 
    </section> 
    <section class="footer"> 
     <span>@Ngo Tuan Khoa - 2016</span> 
    </section> 
</body> 
</html>

{% extends "base.html" %} 

{% block page_title %}Đăng nhập | Quản lý nhóm{% endblock %} 

{% block additional_css %} 
    <link rel="stylesheet" href="{{url_for('static', filename='css/login.css')}}" /> 
{% endblock %} 

{% block additional_script %} 
    <script src="../static/script/login.js"></script> 
{% endblock %} 

{% block body_left %} 
<div class="login-form"> 
    <p><img id="login-icon" src="{{url_for('static', filename='imgs/user.jpg')}}"></p> 
    <form action="" method="POST"> 
     <p>Tên đăng nhập</p> 
     <p><input type="text" class="input-field" placeholder="Username"></p> 
     <p>Mật khẩu</p> 
     <p><input type="password" class="input-field" placeholder="Password"></p> 
     <p><input type="button" class="btn-login" value="Đăng nhập"></p> 
    </form> 
</div> 
{% endblock %} 

{% block body_right %} 
<img src="{{url_for('static', filename='imgs/wall.jpg')}}" height="100%" class="img-responsive"> 
{% endblock %}

источник

2016-06-26 tuankhoa1996

Это символ в верхней части тела

источник

2016-06-26 06:11:13

Но он отлично работает с firefox, и в источнике нет странного символа :( – tuankhoa1996

Похоже, что Firefox удаляет символ, но Chrome отображает его как пустое место. Когда я сохраняю исходный текст страницы, он отображается как '' в vim для меня, сразу после открытия тега ''. Ваш редактор может или не может отображать символ. Я предлагаю удалить любые пробелы после тэга '' и посмотреть, помогает ли это. –

Перед или после пробела нет мой тег тела :(Где этот персонаж пришел из :( – tuankhoa1996

Решение найдено. Удалите login.html и заново создайте его. Должен быть невидимый персонаж, которого я не вижу как-то!

источник

2016-06-27 14:02:43 tuankhoa1996

Пустая секция появляется при использовании Jinja2/Flask

ответ

Смежные вопросы