Html 是否可以用给定的字符开始内联元素的每一行?

Html 是否可以用给定的字符开始内联元素的每一行?,html,css,quotation-marks,Html,Css,Quotation Marks,我试图模仿旧书中引用的语录风格。报价将是内联的,但报价的每一行开头都有一个开放报价,如下所示: Lorem ipsum Door sit amet,他是一位杰出的领导者,“他是一名临时劳工 “等着瞧吧。但是,我们必须进行最低限度的实践 “ullamco Laboratoris nisi ut aliquip ex ea commodo consequat.Duis aute “我的爱在我的爱里,我的爱在我的爱里”,我的爱在我的爱里 如果报价单是一个块元素,我已经成功地做到了这一点,如下所示:

我试图模仿旧书中引用的语录风格。报价将是内联的,但报价的每一行开头都有一个开放报价,如下所示:

Lorem ipsum Door sit amet,他是一位杰出的领导者,“他是一名临时劳工
“等着瞧吧。但是,我们必须进行最低限度的实践
“ullamco Laboratoris nisi ut aliquip ex ea commodo consequat.Duis aute
“我的爱在我的爱里,我的爱在我的爱里”,我的爱在我的爱里

如果报价单是一个块元素,我已经成功地做到了这一点,如下所示:





<
<

<
<
<

<


<
<
<



<





<

<

<

<


<<

<<

<<

<
<<
<<<<
<
<
<<
<
<
<<<<<

<<<
<<<
<<<<<<<

<
<
<<<
<<<<<

<<


知识本身是一种美德,是一种美德,是一种美德,是一种美德,是一种美德,是一种美德,是一种美德,是一种美德,是一种美德,是一种美德,是一种美德如果你不轻率,就必须为自己的行为负责。
带有伪元素(下面没有解决方案) 你可以,有点,但它很混乱。我认为最好的方法(仅CSS)是使用一个伪元素和多个文本阴影。一个缺点是它假设开头总是在blockquote的第一行:

blockquote{
溢出:隐藏;
线高:1米;
位置:相对位置;
左侧填充:.85em;
文本缩进:-.85em;
}
blockquote::之前{
内容:“\22”;
位置:绝对位置;
顶部:1.15em;左侧:85em;
文本阴影:
0 1em 0#000,0 2em 0#000,0 3em 0#000,
0 4em 0#000、0 5em 0#000、0 6em 0#000;
}
您可以在此处进一步使用它:

没有伪元素 如果您愿意放弃伪元素,可以将所有这些内容内联:


"
Lorem ipsum Door sit amet,是一位杰出的献身者,”他说。但是,在最低限度上,我们需要一个实验室来进行日常工作。两人或两人在“无配偶权”的情况下相互指责。

问题是,你只允许使用内联CSS。但是,这个答案对于那些在谷歌上不具有OP约束的人来说是有用的。如果作者愿意去掉伪元素,这是可以做到的:我提供了两种方法;第二种方法不使用伪元素。你考虑过使用<代码> BO吗?rder image
?乔纳森·桑普森的答案比我的好。你应该将他的答案标记为已接受,而不是我的。谢谢你的好意推荐,@DanielF@JonathanSampson欢迎你