如何将博客标题移动到屏幕中央？

Question

我对博客写作非常陌生。我的博客标题和描述在左上角，但我希望它们位于屏幕中央，图片下方显示博客描述。

我尝试了以下代码，但标题仍然在左上角：

<title style="text-align:center"><data:blog.pageTitle/></title>

提前感谢您。

- user379888

Answer 1

<title>元素不用于网站上显示的标题，仅用于浏览器顶部栏中的标题。

您需要编辑CSS文件并设置#titlewrapper { text-align: center }

或者您可以在HTML中的<div id='titlewrapper'>中添加style="text-align: center"。

- Stephan Muller

Answer 2

<div style="text-align:center">Title of your blog</div>

- Frank

Answer 3

好的，我明白了。标题被包裹在一个默认左对齐的<h1>标签中。所以需要将它的CSS样式更改为text-align:center;

请使用以下代码：

#titlewrapper h1 { text-align:center; }

- Starx

---

<h1> 已经被指定了 title 类，所以只需在其后加上 !important 以防它不起作用。 - Starx

你不需要使用 !important。如果你的 CSS 写得好，你永远都不需要它。 - Stephan Muller

@Litso，你说得对，但由于这是关于博客的问题，我们在某些情况下可能需要进行覆盖。 - Starx

看了一下博客的HTML代码，我担心你可能是对的。那个源代码真的是一团糟。 - Stephan Muller

@Litso，这很混乱，不是吗？ :D - Starx

称呼那个混乱的东西就像称呼大屠杀不友好一样。它比那更糟糕 :P - Stephan Muller

Answer 4

这对我很有效
步骤1：仪表板 > 模板 > 编辑HTML
步骤2：在编辑器中按Ctrl+F搜索以下标题代码：.Header h1 {
步骤3：保存您的工作并刷新页面
博客标题现在应该在页面中央

奖励 - 这是我添加的代码：text-align: center;
您还可以在博客标题代码下面的描述中添加相同的代码以将其居中对齐。这是您应在编辑器中搜索的描述代码：.Header .description {
在其中添加相同的代码text-align: center;

- Hajj Maulid Makokha

Answer 5

你也可以在 HTML 中 div class='titlewrapper' 旁边加上 style="text-align: center"，这样也可以实现居中效果。

- karem