如何解决如何尊重 HTML 块引用中的新行但在列表中使用单行间距？
我想使用 CSS 来格式化 blockquote，因此以下 （没有 <br>） 将全部出现在单独的行中：
<blockquote>
Line #1
Line #2
<p>
Line #3
Line #4
</p>
</blockquote>
...但以下将仅使用单倍行距：
<blockquote>
<ul>
<li>Item #1</li>
<li>Item #2</li>
</ul>
</blockquote>
这是怎么做到的？请参阅以下显示问题的演示（例如，在尝试 white-space: pre-wrap 时）：
<html>
<style>
.bq-common {
background: #f9f9f9;
border-left: 10px solid #ccc;
margin: 1.5em 10px;
padding: 0.5em 10px;
}
.bq1 {
white-space: normal;
}
.bq2 {
white-space: pre-wrap;
}
</style>
<blockquote class="bq-common bq1">
Line #1
Line #2
<p>
Line #3
Line #4
</p>
<ul>
<li>Item #1</li>
<li>Item #2</li>
</ul>
</blockquote>
<blockquote class="bq-common bq2">
Line #1
Line #2
<p>
Line #3
Line #4
</p>
<ul>
<li>Item #1</li>
<li>Item #2</li>
</ul>
</blockquote>
</html>解决方法
重置嵌套元素上的空格：
.bq-common {
background: #f9f9f9;
border-left: 10px solid #ccc;
margin: 1.5em 10px;
padding: 0.5em 10px;
}
.bq2 {
white-space: pre-wrap;
}
.bq2 ul,.bq2 ol {
white-space: normal;
}<blockquote class="bq-common bq2">
Line #1
Line #2
<p>
Line #3
Line #4
</p>
<ul>
<li>Item #1</li>
<li>Item #2</li>
</ul>
</blockquote>版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
