HTML-Span标签中的文本不是内联的吗?

时间:2018-12-20 22:59:00

标签: javascript html css

我尝试使用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;
}

如何覆盖此配置?

0 个答案:

没有答案