Question

我想用引用来证明文本的合理性如下：

 ‘‘  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＆amp; css？

Answer 1

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

如果您使用生成的内容执行此操作，并且您没有浮动或定位::before和::after伪元素，请使用负数text-indent将文本突出显示所需数量从文本的其余部分偏移开头引号，并添加左边填充以补偿外记。

如何在HTML和CSS中实现这一点，具体取决于您目前拥有的内容，但只需使用简单的blockquote以及CSS中的其他所有内容即可轻松完成此任务。

Answer 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";
}

如何使引用文本合理？

2 个答案: