如何使WordPress块引用显示在页面的左侧而不是右侧?

时间:2011-01-07 01:52:53

标签: html wordpress quote

我对此非常陌生。我很感激我能得到的任何帮助。我还没有在互联网上找到答案。 (至少,我不明白!)

当我在WordPress中使用blockquote时,它会显示在屏幕的右侧。有时,我希望它出现在屏幕的左侧。我怎么做?这是我想要在屏幕左侧的blockquote(下面)。它目前显示在屏幕的右侧。

<blockquote><p>Living a better life is less about things and more about being thankful.</p></blockquote>"

4 个答案:

答案 0 :(得分:3)

正如受尊敬的成员所说,如果您在firefox或Chrome浏览器中有一个插件,例如firebug,请右键单击blockquote并选择“inspect element”。然后你将看到应用于该元素的所有规则(即效果),你可以显示/隐藏它们以查看它们对元素的影响,这将使你更好地理解规则对元素的作用。

干杯。

答案 1 :(得分:1)

<blockquote style="text-align:left;">Test</blockquote>

这将在逐个报价的基础上进行更改。

更好的解决方案是打开主题的style.css文件,搜索blockquote,然后将text-align:right;替换为text-align:left;。这将改变站点范围内的行为或块引用。

答案 2 :(得分:0)

如果你将blockquote元素包装在它自己的div元素中会发生什么?比如这个:

    <div>
       <blockquote>
           <p>Living a better life is less about things and more about being thankful.</p>
       </blockquote>
    </div>

然后,您可以使用float:left将blockquote控制为div块元素,将宽度设置得更大,使其在任何元素下方移动到左边,或者使用其他方法绝对定位它。

答案 3 :(得分:0)

对于我正在使用的主题Twenty Fourteen,正确的答案是使用:

<blockquote class="alignleft">This is my quote</blockquote>

我发现这是通过使用Chrome devtools来检查演示中的示例。由于这个主题有一个特殊的类,对齐的块引用具有良好的格式,因此最好使用它而不是使用样式设置覆盖CSS。请注意,在检查元素时,您可以直接链接到CSS,可以用来检查主题有哪些其他类 - 非常有用!您可能需要阅读一些CSS语法来解释它。