Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 将Blockquote和p标记与引号组合_Html_Css_Sass_Display_Blockquote - Fatal编程技术网

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一条新线路