2011-01-07 73 views
2

我對此很新穎。我很感激任何幫助,我可以得到這一點。我還沒有在互聯網上找到答案。 (至少,我不明白!)如何讓頁面左側顯示WordPress引號而不是右側?

當我在WordPress中使用blockquote時,它顯示在屏幕的右側。有時候,我希望它出現在屏幕的左側。我怎麼做?下面是我想要在屏幕左側顯示的blockquote(下方)。它目前出現在屏幕的右側。

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

+0

哇!感謝您的快速回答。我會嘗試一下,看看他們是否適合我。謝謝你,謝謝你,謝謝你!! – Cathy 2011-01-09 20:23:27

回答

0

,如果你在它自己的div元素包裹起來blockquote元素會發生什麼?如此:

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

然後將可能能夠使用浮動控制塊引用作爲一個div塊元件:左側,設置寬度大,使得它被移動以下給它的任何元素的左邊,或者使用其它絕對定位它的手段。

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

這將改變它在報價單的基礎上。

更好的解決方案是打開主題的style.css文件,搜索,並用text-align:left;替換text-align:right;。這將改變整個網站的行爲或引用。

3

正如上面所說的受尊敬的成員,如果你在firefox或chrome瀏覽器中有firebug等插件,請右鍵單擊blockquote並選擇「檢查元素」。然後,您將看到應用於該元素的所有規則(即效果),並且您可以顯示/隱藏它們以查看它們對元素的影響,從而更好地瞭解規則對元素執行的操作。

乾杯。

+0

還值得指出的是,這兩個插件允許您實時編輯樣式以快速嘗試不同的更改。 – jmort253 2011-01-07 07:48:10

0

對於我使用,Twenty Fourteen主題,正確的答案是使用:

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

,我發現這個通過使用Chrome devtools檢查上演示的例子。由於這個主題有一個特殊的類,並且對齊的塊引用有很好的格式,所以最好使用它,而不是用樣式設置覆蓋CSS。請注意,在檢查元素時,您可以將CSS直接鏈接到可用於檢查主題所在的其他類的CSS中 - 非常有用!您可能需要閱讀一些關於CSS語法的內容來解釋它。

相關問題