Question

我正在修改一个免费的Wordpress主题。我差不多完成了，但我仍然对这段代码有一个愚蠢的问题：

<div class="page-header">
   <h1 class="page-title">MyTitle</h1>
</div>

为什么我无法将页面标题集中在一起的可能性是什么？

我尝试过这两件事，但没有一件事可以：

.page-header {text-align: center}
.page-title {text-align: center}

我选择了正确的组件，因为display: none有效。

Answer 1

你写的CSS很好，但我认为你的css不会覆盖现有的主题css。

请把这个css打开：Dashboard-＆gt; Appearance-＆gt; Customize-＆gt; Additional CSS

.page-header {text-align：center！important}

Answer 2

function plusMinus(arr) {

    var length = arr.length
    var result = []

    function* generateResult(){
       var positives = arr.filter((index,elem) => elem>0)
       yield positives.length
       var negatives = arr.filter((index,elem) =>elem<0)
       yield negatives.length
       var zeros = arr.filter((index,elem) => elem==0)
       yield zeros.length
    }

    var start = generateResult()

    var FractionOfPostive = parseFloat(start.next().value / length);
    var FractionOfNegative = parseFloat(start.next().value / length);
    var FractionOfZero = parseFloat(start.next().value / length);

    return {FractionOfPostive,FractionOfNegative,FractionOfZero};


}

尝试此文本 - 对齐是否有效

Answer 3

尝试一下：

.page-header, .page-title {
    width: 100%;
    margin-left: auto; 
    margin-right: auto;
}

Answer 4

感谢您的回答。

是的，我的CSS正在覆盖现有的。＆＃34;显示：无＆＃34;例如。

我试过了：

Singleton

和此：

.page-header, .page-title {
  margin: 0 auto; 
}

......没有任何成功。

使标题移动的唯一编码是：

.page-header, .page-title {
    width: 100%;
    margin-left: auto; 
    margin-right: auto;
}

......但当然不是很好。

这是否会成为其他解决方案的响铃？

Answer 5

h1.page-title {
    width: 100%;
    text-align: center !important;
}

居中标题不起作用（wordpress主题）

5 个答案: