0

我想用引号来证明文本如下：

 ‘‘  text text text text text text text text text text text text text text 

     text text text text text text text text text text text text text text  

     text text text text text text text text text text text text  ”

请注意，所有行都与上面的引号在同一级别上对齐，而且引号的颜色和大小应该与文本不同，那么我如何使用 html & css 做到这一点？

4

2 回答 2

3

如果您想将引号的样式与文本的其余部分不同，最好的办法是单独标记它们。如果您使用::beforeand::after来执行此操作，并且将文本包含在blockquote.

如果您对生成的内容执行此操作，并且您不浮动或定位::beforeand::after伪元素，则使用负数将文本的缩进text-indent量从文本的其余部分偏移开引号所需的量，并添加左填充以进行补偿为突出。

您如何在 HTML 和 CSS 中实现这一点完全取决于您当前拥有的内容，但您可以通过简单的方式轻松完成此操作，blockquote而其他一切都在 CSS 中完成。

于 2015-09-16T02:19:55.510 回答
2

你可以在伪元素之前和之后做这样的事情。

<blockquote>
      You know the golden rule, don’t you boy? Those who have the gold make the rules.
         You know the golden rule, don’t you boy? Those who have the gold make the rules.
    </blockquote>


blockquote {
    text-align:justify;
    padding:10px;    
}

blockquote:before {
    position:absolute;
    margin-left:-10px;
    content: open-quote;
    quotes: "\201C" "\201D" "\2018" "\2019";
}
blockquote:after {
    position:absolute;
    content: close-quote;
     quotes: "\201C" "\201D" "\2018" "\2019";
}
于 2015-09-16T02:23:42.933 回答