试图左浮动左卷曲报价，但有一些问题

我想浮动一个大的左卷曲报价，以便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

试图左浮动左卷曲报价，但有一些问题

回答

相关问题