Html 将Blockquote和p标记与引号组合
我试图用Html 将Blockquote和p标记与引号组合,html,css,sass,display,blockquote,Html,Css,Sass,Display,Blockquote,我试图用“字符来包围我的bockquote。但是,我无法让它灵活地适用于以下所有HTML场景: 无p标签 一个p标签应位于新行上 一个p标签应位于新行上 两个p标签应位于新行上 我一直在尝试的俏皮话: blockquote{ 引号:“”; &:之前{ 内容:公开报价; } &:之后{ 内容:关闭报价; } p{ 显示:内联; //或 显示:块; } } 如果我使用display:inline,它可以工作,但是在有两个段落的情况下,我会丢失它们之间的换行符,并且两个段落都显示在一行上 如果我
“
字符来包围我的bockquote
。但是,我无法让它灵活地适用于以下所有HTML场景:
无p标签
一个p标签应位于新行上
一个p标签应位于新行上
两个p标签应位于新行上
我一直在尝试的俏皮话:
blockquote{
引号:“”;
&:之前{
内容:公开报价;
}
&:之后{
内容:关闭报价;
}
p{
显示:内联;
//或
显示:块;
}
}
如果我使用display:inline
,它可以工作,但是在有两个段落的情况下,我会丢失它们之间的换行符,并且两个段落都显示在一行上
如果我使用了display:block
或display:inline block
,我的段落现在用新行分隔,但引号字符也在新行上,而不是与段落文本一起流动
我无法控制HTML。我希望避免使用JavaScript。这是我希望看到的:
"no p tag"
"one p tag should be on a new line"
"one p tag should be on a new line
two p tag should be on a new line"
考虑绝对定位
blockquote{
边框:1px纯红;
显示:内联块;
位置:相对位置;
填充:0.5em;
字号:2em;
边缘:.5em;
}
blockquote:之前,
blockquote:之后{
位置:绝对位置;
}
区块报价:之前{
内容:公开报价;
左:0;
排名:0;
}
blockquote:之后{
内容:关闭报价;
右:0;
底部:0;
}
blockquote p{
保证金:0;
}
无p标签
一个p标签应在一行上
一个p标签应该在它自己的线上
两个p标签应位于新行上
<代码> > p>可以考虑<代码>显示:内联< /代码>,并使用下面的另一种技术强制断线:
blockquote{
边框:1px纯红;
位置:相对位置;
字号:2em;
}
区块报价:之前{
内容:公开报价;
}
blockquote:之后{
内容:关闭报价;
}
blockquote p{
保证金:0;
显示:内联;
}
/*两个P之间的断线*/
块报价p+p::之前{
内容:“;
显示:块;
}
无p标签
一个p标签应位于新行上
一个p标签应位于新行上
两个p标签应位于新行上
一个p标签应该
两个p标签应位于新行上
两个p一条新线路