我对此非常陌生。我很感激我能得到的任何帮助。我还没有在互联网上找到答案。 (至少,我不明白!)
当我在WordPress中使用blockquote时,它会显示在屏幕的右侧。有时,我希望它出现在屏幕的左侧。我怎么做?这是我想要在屏幕左侧的blockquote(下面)。它目前显示在屏幕的右侧。
<blockquote><p>Living a better life is less about things and more about being thankful.</p></blockquote>"
答案 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语法来解释它。