2

我对此很陌生。我很感激我能得到的任何帮助。我还没有在互联网上找到答案。（至少，我不明白！）

当我在 WordPress 中使用 blockquote 时，它​​会显示在屏幕的右侧。有时，我希望它出现在屏幕的左侧。我怎么做？这是我想在屏幕左侧显示的块引用（下）。它目前出现在屏幕的右侧。

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

4

4 回答 4

3

正如上面尊敬的成员所说，如果您在 firefox 或 chrome 浏览器中有诸如 firebug 之类的插件，请右键单击 blockquote 并选择“检查元素”。然后您将看到应用于该元素的所有规则（即效果），您可以显示/隐藏它们以查看它们对元素的影响，这将使您更好地了解规则对您的元素所做的事情。

干杯。

于 2011-01-07T03:22:55.550 回答
1 
<blockquote style="text-align:left;">Test</blockquote>

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

更好的解决方案是打开主题的 style.css 文件，搜索blockquote并将其替换text-align:right;为text-align:left;. 这将改变整个站点的行为或块引用。

于 2011-01-07T03:01:37.280 回答
0

如果你将 blockquote 元素包裹在它自己的 div 元素中会发生什么？比如这样：

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

然后，您可能能够使用 float:left 将块引用控制为 div 块元素，将宽度设置得更大以便它移动到左侧的任何元素下方，或使用其他绝对定位它的方法。

于 2011-01-07T02:00:39.827 回答
0

对于我正在使用的主题，二十四，正确的答案是使用：

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

我通过使用 Chrome 开发工具检查演示中的示例发现了这一点。由于这个主题有一个特殊的类，它为对齐的块引用提供了很好的格式，所以使用它比使用样式设置覆盖 CSS 更好。请注意，在检查元素时，您会获得指向 CSS 的直接链接，可用于检查主题具有哪些其他类 - 非常有用！不过，您可能需要阅读一些有关 CSS 语法的信息来解释它。

于 2015-09-06T17:20:08.380 回答