无法在HTML/CSS中定位水平线
我的HTML页面有点小问题。我想将我的水平线设置在左侧 到目前为止,我的行始终位于页面的中心,我无法在文本之间移动这行 这是我的小HTML脚本:无法在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>
<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项目中使用它),CSSdisplay
工作得不太好。我必须找到另一种方法来做到这一点。根据html2pdf库
(我正在Django项目中使用它),CSSdisplay
工作得不太好。我必须找到另一种方法。