試圖左浮動左捲曲報價，但有一些問題

我想浮動一個大的左捲曲報價，以便blockquote坐在它的左側。我有幾個問題，但。試圖左浮動左捲曲報價，但有一些問題

1）p標籤中的文本繼續環繞引號符號，即使我聲明明確：right;在blockquote上。我從來沒有理解浮動應該如何工作，所以有人可以提供一些關於如何使其工作的建議？

2）不考慮上面的問題，裏面的文本並沒有與報價符號本身的頂部對齊，但是當我將margin-top應用於blockquote時，它根本不移動。建議？

我知道我可以通過在blockquote上使用一個引號符號的背景圖像來解決這個問題，但我想用文本來做到這一點。

HTML：

<div class="quote_symbol">&ldquo;</div> 

<blockquote>To be or not to be</blockquote> 

<p>Some other text on the page below</p>

CSS：

.quote_symbol{font-size: 4.5em; float:left;} 
blockquote{clear:right;}

來源

2009-10-18 Kylee

假定您希望報價文本位於捲曲符號的右側。怎麼樣改變您的標記：

<blockquote> 
    <div class="quote_symbol">&ldquo;</div> 
    To be or not to be 
</blockquote> 

<p>Some other text on the page below</p>

和你的CSS：

blockquote    { position: relative; padding-left: 4.6em; } 
blockquote.quote_symbol { position: absolute; top: 0; left: 0; 
          font-size: 4.5em; }

或類似的東西？

來源

2009-10-18 19:33:10

關於1），你應該頁上，而不是塊引用設置clear:right。

關於2），請嘗試使用padding-top:0而不是margin-top:0。

來源

2009-10-18 19:22:17

明確：對P的權利？我不希望除blockquote以外的任何其他內容都繞過quote_symbol。 blockqoute之後的所有內容都應該在它自己的路線上。另外，試圖將填充更改爲quote_symbol不起作用。我也嘗試了blockquote，沒有結果。 – Kylee 2009-10-18 19:28:49

是的。很抱歉地說，你真的不明白浮游物是如何工作的。元素上的「清除」意味着：從_this_元素開始，所有東西都應該在自己的行上。如果您想將其包裝在前一個元素的周圍，則在blockquote上設置清除是沒有意義的，因爲clear與wrap完全相反。你必須清楚你不想包裝的第一個元素，在這個例子中是p。 – 2009-10-18 20:27:58

試圖左浮動左捲曲報價，但有一些問題

回答

相關問題