为什么 <p> 和样式 display:block 不起作用？

Question

我的网站的 HTML 编码有问题。问题是标签

和元素style="display:block"无论如何都显示在一行中。但每个block必须在单独的行中。我使用引导程序 4.0.0 beta 2。

这是真实的例子https://codehint-web-ng.herokuapp.com/articles

Answer 1

有display: flex定义的父容器（.row），这就是为什么该块元件处于同一直线上。flex 的默认行为是将所有元素放在同一行 ( flex-direction:row)

要解决此问题，您可以通过添加自己的 CSS 或考虑引导程序提供的内置类来更改 flex 到列的方向：https : //getbootstrap.com/docs/4.4/utilities/flex/#direction