Html 如何在屏幕中间移动博客标题?
我对写博客很陌生。我的博客在左上角有它的标题描述,但是我希望它在屏幕的中间,以及图片下面的博客的描述。 我尝试了以下代码,但标题仍在左上角:Html 如何在屏幕中间移动博客标题?,html,css,blogs,blogger,title,Html,Css,Blogs,Blogger,Title,我对写博客很陌生。我的博客在左上角有它的标题描述,但是我希望它在屏幕的中间,以及图片下面的博客的描述。 我尝试了以下代码,但标题仍在左上角: <title style="text-align:center"><data:blog.pageTitle/></title> 提前感谢。您的博客标题 <div style="text-align:center">Title of your blog</div> 元素不用于网站上显示的标题
<title style="text-align:center"><data:blog.pageTitle/></title>
提前感谢。您的博客标题
<div style="text-align:center">Title of your blog</div>
元素不用于网站上显示的标题,仅用于浏览器顶部栏中的标题
您必须编辑CSS文件并设置#titlewrapper{text align:center}
或者,您可以在HTML的
中添加style=“text align:center”
。好的,我知道了。标题用默认左侧对齐的
包装。因此,将其CSS更改为文本对齐:居中代码>
用这个
#titlewrapper h1 { text-align:center; }
这对我很有效
步骤1:仪表板>网页>编辑HTML
步骤2:按Ctrl+F在编辑器中搜索以下标题代码:.Header h1{
步骤3:保存您的工作并刷新页面
博客标题现在应该在页面的中间。
奖金
-下面是我添加的代码:text align:center;
您也可以在博客标题代码下方的描述中添加相同的代码,使其居中对齐。以下是您应该在编辑器中搜索的描述代码:.Header.description{
在其中添加相同的代码text align:center;
您也可以将style=“text align:center”
在html中的div class='titlewrapper'
旁边,它会工作。
已经分配了一个类标题
,所以只需添加!important
以防万一它不起作用。你不需要!important.如果你的CSS做得好,你永远都不会需要它。@Litso,你是对的,但这是关于博客的,我们可能需要它在某些情况下要覆盖。嗯,看看博客的html,恐怕你是对的。源代码是一个可怕的混乱。称之为混乱就像称大屠杀为不友好。比这更糟糕:P