我尝试使用span标签使文本内联,但是我认为扩展模板会自动阻止文本。我不太了解HTML,所以我真的不知道应该在哪里搜索设置以自动阻止所有文本。
这是我的模板,在这里我尝试使用span标签来内联一些东西:
{% extends "base_generic2.html" %}
{% block content %}
<!-- Timer function -->
<script type="text/javascript">
var sec = 0;
function pad ( val ) { return val > 9 ? val : "0" + val; }
setInterval( function(){
$("#seconds").html(pad(++sec%60));
$("#minutes").html(pad(parseInt(sec/60,10)));
}, 1000);
</script>
<h3>C-Test</h3>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Time:<span id="minutes"></span>:<span id="seconds"></span>
{% endblock %}
由于某种原因,minutes:seconds不是内联的,我不知道问题出在我的base_generic2.html中:
这是我的base_generic2.html:
<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
{% load static %}
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CTEST 2</title>
<meta name="description" content="A sidebar menu as seen on the Google Nexus 7 website" />
<meta name="keywords" content="google nexus 7 menu, css transitions, sidebar, side menu, slide out menu" />
<meta name="author" content="Codrops" />
<link rel="stylesheet" type="text/css" href="{% static '/css2/component.css' %}" />
<link rel="stylesheet" type="text/css" href="{% static '/css2/demo.css' %}" />
<link rel="stylesheet" type="text/css" href="{% static '/css2/normalize.css' %}" />
<script src="{% static 'js2/modernizr.custom.js' %}"></script>
</head>
<body>
//...
//something in here which I dont think is important
//...
<header>
<h1>{% block content %}
<!-- here comes the main content -->
{% endblock %}</h1>
</header>
</body>
</html>
我需要在哪里搜索问题?如果您需要更多代码,请询问:)
编辑:我尝试使用开发控制台分析我的网站,而该阻止来自此部分:
.container > header span {
display: block;
font-size: 55%;
color: #74818e;
padding: 0 0 0.6em 0.1em;
}
如何覆盖此配置?