Jax-p
2020-12-03 23:27:52
你div被包裹在下一行，因为这样做足够大。flex-wrap对此行为负责。没有flex-wrap它看起来像这样：
.wrapper {
display: flex;
align-items: center;
}<div class="wrapper">
<p>Example text</p>
<p>Example text 2</p>
<div class="markdown">
<p>Lorem ipsum dolor sit amet, <strong>consectetur</strong> adipiscing elit. Curabitur aliquam velit nec molestie pharetra. Etiam fermentum <code>ligula</code> non justo ornare mollis. Praesent vitae metus erat. Morbi vitae sollicitudin justo.</p>
</div>
</div>但是，它只会并排创建3个块，并且看起来不会像连续的文本元素。除非它是连续文本，否则所有flex属性都无法执行此操作。
块元素上的连续文本
你可以display:contents;用来实现以下目的：
.wrapper {
display: flex;
align-items: center;
}
.wrapper * {
display: contents;
}<div class="wrapper">
<p>Example text</p>
<p>Example text 2</p>
<div class="markdown">
<p>Lorem ipsum dolor sit amet, <strong>consectetur</strong> adipiscing elit. Curabitur aliquam velit nec molestie pharetra. Etiam fermentum <code>ligula</code> non justo ornare mollis. Praesent vitae metus erat. Morbi vitae sollicitudin justo.</p>
</div>
</div>
display: contents导致元素的子元素看起来像是元素父元素的直接子元素，而忽略了元素本身。资料来源：caniuse.com
热门帖子
热门github
1
2
4
The Python Risk Identification Tool for generative AI (PyRIT) is an open access automation framework to empower security professionals and machine learning engineers to proactively find risks in their generative AI systems.
(翻译：用于生成式 AI 的 Python 风险识别工具 (PyRIT) 是一个开放式访问自动化框架，使安全专业人员和机器学习工程师能够主动发现其生成式 AI 系统中的风险。)
5
7
8
9
Mamba is a new state space model architecture showing promising performance on information-dense data such as language modeling, where previous subquadratic models fall short of Transformers. It is based on the line of progress on structured state space models, with an efficient hardware-aware design and implementation in the spirit of FlashAttention.
(翻译：Mamba 是一种新的状态空间模型架构，在信息密集型数据（例如语言建模）上显示出良好的性能，而之前的二次模型在 Transformers 方面存在不足。它基于结构化状态空间模型的进展，并本着FlashAttention的精神进行高效的硬件感知设计和实现。)
10
11
13
谢谢，不知道
display: contents是一回事@APixelVisuals是的，这是很新的。请注意，因为它在IE11上不起作用。您可以在caniuse上检查支持的浏览器。