1. Herhangi bir teklif beri bilinmese bile, bir kaynak var varsayalım.
2. Bir markdown yana
> Quote
olarak oluşturulur <blockquote><p>Quote</p></blockquote>
ve
> Quote1
>
> Quote2
olarak işlendi
<blockquote>
<p>Quote1</p>
<p>Quote2</p>
</blockquote>
Bu benim çözüm her zaman <p></p>
kaynak olarak son almak ve css (benim durumumda SCSS) tarafından işlemek:
blockquote {
p {
display: inline;
&:first-of-type {
quotes: '\201C' '\201D' '\2018' '\2019';
&::before {
content: open-quote;
margin-right: 0.1rem;
}
}
&:last-of-type {
quotes: '\201C' '\201D' '\2018' '\2019';
font-style: italic;
&::before {
content: close-quote "\000A" "\2014" " ";
white-space: pre;
margin-left: 0.1rem;
font-style: normal;
}
}
// In case of a quote without a source.
&:only-of-type {
font-style: normal;
quotes: '\201C' '\201D' '\2018' '\2019';
&::before {
content: open-quote;
margin-right: 0.1rem;
}
&::after {
content: close-quote;
margin-left: 0.1rem;
}
}
}
}
\000A
O yeni hat unicode karakter css biçimi , sadece çıkarın ve bazı boşluklar var eklemek istediğiniz yoksa, sonraki satırda görünmesini de kaynağını olmasına yardımcı olur. Diğerleri de unicode karakter css biçimindedir.