Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/visual-studio-2012/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
无法在HTML/CSS中定位水平线_Html_Css_Position - Fatal编程技术网

无法在HTML/CSS中定位水平线

无法在HTML/CSS中定位水平线,html,css,position,Html,Css,Position,我的HTML页面有点小问题。我想将我的水平线设置在左侧 到目前为止,我的行始终位于页面的中心,我无法在文本之间移动这行 这是我的小HTML脚本: <html> <head> {% load staticfiles %} <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="

我的HTML页面有点小问题。我想将我的水平线设置在左侧

到目前为止,我的行始终位于页面的中心,我无法在文本之间移动这行

这是我的小HTML脚本

<html>
    <head>
    {% load staticfiles %}

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />   
    <link rel="stylesheet" type="text/css" href="{% static 'css/Base.css' %}"/>

    <style>

            body {
                font-family: Courier New, Courier, monospace;
                text-align: justify;
                list-style-type: none;
            }

            .header {
                 line-height: 80%;
                 margin:left;
            }
    </style>
    </head>

    <body>

        <div class = "header">
            <h3> Département </h3> 
            <p></p> 
            (variable)
            <hr align="left" width="10%"> 
            <h3> Commune </h3> 
            <p></p> 
            (variable)
        </div>
</html>

{%load staticfiles%}
身体{
字体系列:Courier New、Courier、monospace;
文本对齐:对齐;
列表样式类型:无;
}
.标题{
线高:80%;
边缘:左;
}
分手

(可变)
(可变)
而我的HTML页面看起来像:

你有什么想法吗?

只要在任何HTML元素中添加(变量)文本即可。因此,hr标记将位于其下方


{%load staticfiles%}
身体{
字体系列:Courier New、Courier、monospace;
文本对齐:对齐;
列表样式类型:无;
}
.标题{
线高:80%;
}
分手

(可变)
(可变)
只需在任何HTML元素中添加(变量)文本即可。因此,hr标记将位于其下方


{%load staticfiles%}
身体{
字体系列:Courier New、Courier、monospace;
文本对齐:对齐;
列表样式类型:无;
}
.标题{
线高:80%;
}
分手

(可变)
(可变)
您可以尝试设置
显示:内联块

以将水平线渲染为具有块属性的内联元素

还要确保您的标记和CSS是有效的!例如,CSS规则
边距:左是错误的。右边是:
marginleft:10px

另外:不建议使用内联样式,因为代码变得不易维护。尝试在HTML文档的CSS部分或单独的CSS文件中定义规则

.header{
线高:80%;
}
人力资源{
宽度:10%;
显示:内联块;
}

分手
(可变)


公社 (可变)


您可以尝试设置
显示:内联块

以将水平线渲染为具有块属性的内联元素

还要确保您的标记和CSS是有效的!例如,CSS规则
边距:左是错误的。右边是:
marginleft:10px

另外:不建议使用内联样式,因为代码变得不易维护。尝试在HTML文档的CSS部分或单独的CSS文件中定义规则

.header{
线高:80%;
}
人力资源{
宽度:10%;
显示:内联块;
}

分手
(可变)


公社 (可变)


这是一个怎样的答案?它只是将操作代码复制到一个片段中,没有任何解释或任何东西。@PeterB仔细检查。我在这方面做了一些改变。那么这仍然是一个糟糕的答案,不要让它成为一个谜。这是一个怎样的答案?它只是将操作代码复制到一个片段中,没有任何解释或任何东西。@PeterB仔细检查。我在这方面做了一些改变。然后这仍然是一个糟糕的答案,不要让它成为一个谜。根据
html2pdf库
(我在Django项目中使用它),CSS
display
工作得不太好。我必须找到另一种方法来做到这一点。根据
html2pdf库
(我正在Django项目中使用它),CSS
display
工作得不太好。我必须找到另一种方法。