gpt4 book ai didi

html - 为什么

和样式显示:block not working?

转载 作者:行者123 更新时间:2023-12-02 09:15:16 24 4
gpt4 key购买 nike

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

和带有 style="display:block" 的元素无论如何都显示在一行中。但每个 block 必须位于单独的行中。我使用 bootstrap 4.0.0 beta 2。

Screenshot of the problem

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

最佳答案

display: flex 定义了父容器(.row),这就是 block 元素位于同一行的原因。 Flex 的默认行为是将所有元素放在同一行中 (flex-direction:row)

enter image description here

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

enter image description here

关于html - 为什么<p>和样式显示:block not working?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47788315/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com