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