Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/71.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 - Fatal编程技术网

Html 如何使用CSS左对齐标题

Html 如何使用CSS左对齐标题,html,css,Html,Css,我正在用论文2在我的网站上开发一个主题。我刚刚修改了经典的响应主题 我使用名为“header middle sub”的div标记创建了一个id。下面是我使用的代码: #标题中间子标题{ 背景色:#6699CC; 显示:表格; 保证金:0自动; 宽度:897px; } 它在使用桌面的浏览器上非常有效。但由于它是响应主题,当我在平板电脑或手机上打开网站时,宽度占据了固定的897px 如果我删除这行宽度:897px标题在屏幕上居中。那么,保留标题位置的代码是什么 顺便说一句,这是我的网站 更新: 有

我正在用论文2在我的网站上开发一个主题。我刚刚修改了经典的响应主题

我使用名为“header middle sub”的div标记创建了一个id。下面是我使用的代码:

#标题中间子标题{
背景色:#6699CC;
显示:表格;
保证金:0自动;
宽度:897px;
}
它在使用桌面的浏览器上非常有效。但由于它是响应主题,当我在平板电脑或手机上打开网站时,宽度占据了固定的897px

如果我删除这行
宽度:897px标题在屏幕上居中。那么,保留标题位置的代码是什么

顺便说一句,这是我的网站

更新:

有人能访问我的网站并使用chrome或firefox的“inspect元素”吗

以下是我的标题部分的CSS:

.header {
    margin: 0 auto;
    padding: 0px;
    background-color: #C4C4C4;
}

#header-top {
    background-color: #7ED7F2;
}

#header-middle {
    background-color: #6699CC;
    border-bottom: 5px solid #0f3158;
    border-top: 2px solid #0F3158;
    padding: 20px 0 20px 0;
}

#header-middle-sub {
    background-color: #6699CC;
    display: table;
    margin: 0 auto;
    width: 897px;
}

#header-bottom {
    background-color: #0099CC;
}

#header-container {
    display: table;
    margin: 0 auto;
}
这是我使用论文2的主题布局

float: left;

请在此处阅读:

请在此处阅读:


尝试使用float属性:
float:left

尝试使用float属性:
float:left

您应该使用媒体查询根据分辨率更改容器的宽度。顺便说一下。问题在于,边距:0自动意味着:“获取我当前的宽度,并将我放置在中间,左右两边的边距相等。因此,如果要使用边距,则需要使用媒体查询动态更改容器的宽度。

您应该使用媒体查询根据分辨率更改容器的宽度。顺便说一下。问题在于,边距:0自动意味着:“获取我当前的宽度,并将我放置在中间,左右两边的边距相等。因此,如果要使用边距,则需要媒体查询来动态更改容器的宽度。

属性
text align:left
将适用于此,但在问题的详细信息或小提琴出现后,属性
text align:left
将适用于此,但是,在问题的更多细节或是一把小提琴之后,它仍然会变得清晰起来。它对桌面也不起作用!将浏览器窗口设置得非常小,您将看到水平滚动条。宽度总是固定的

要避免此行为,请使用以下css代码:

#header-middle-sub {
    background-color: #6699CC;
    display: table;
    margin: 0 auto;
    max-width: 897px;
    width: 100%;
}

现在,它将始终尝试在整个浏览器窗口上拉伸
div
,但
最大宽度将其限制为897px,但小于是可能的,并且小于将用于移动电话或调整浏览器窗口的大小。

它对桌面也不起作用!将浏览器窗口设置得非常小,您将看到水平滚动条。宽度总是固定的

要避免此行为,请使用以下css代码:

#header-middle-sub {
    background-color: #6699CC;
    display: table;
    margin: 0 auto;
    max-width: 897px;
    width: 100%;
}


现在,它将始终尝试在整个浏览器窗口上拉伸
div
,但
最大宽度将其限制为897px,但可能小于,和less将用于手机或调整浏览器窗口大小。

解决您的问题请在此处包含CSS和其他HTML。请参阅以获取指导。@jaypabs:对于响应行为,请使用宽度(以%(百分比)而不是像素(px)来解决您的问题。请在此处包含您的CSS和其他HTML。请参阅以获取指导。@jaypabs:对于响应行为,请使用宽度(以%(百分比)而不是像素(px)表示),这并不能提供问题的答案。若要评论或要求作者澄清,请在其帖子下方留下评论-您可以随时对自己的帖子发表评论,一旦您有足够的评论,您就可以发表评论。好的。我会的。一开始,这个问题有其他形式和常见问题,但这并不能回答这个问题。若要评论或要求作者澄清,请在其帖子下方留下评论-您可以随时对自己的帖子发表评论,一旦您有足够的评论,您就可以发表评论。好的。我会的。在开始时,这个问题有其他形式和常见问题。如果我有3个以上的菜单,内容会被这个菜单覆盖。你能帮我再次解决这个问题吗?你的意思可能是在
主菜单中。我已经删除了它,但它仍然覆盖了菜单下的内容。哦,对不起。也应在
ul.菜单中删除它。再次感谢。顺便说一句,如果我有3个以上的菜单,内容将被此菜单覆盖。你能帮我再次解决这个问题吗?你的意思可能是在
主菜单中。我已经删除了它,但它仍然覆盖了菜单下的内容。哦,对不起。也应在
ul.菜单中删除它。再次感谢,很好。有趣的演讲。有趣的讲座