什么是CSS使某些内容转到页面的下一行？

如何使元素自动定位在页面中的新行上？在HTML中，我可以使用

，但是如何在CSS中添加换行符之类的内容呢

例如，假设我有以下代码：

<p>Lorem ipsum dolor sit amet,
   <span id="elementId">consectetur adipisicing elit.</span>
   Magni totam velit ex delectus fuga fugit</p>

---

如何移动新行上的一个

来创建新行？

这取决于为什么某物首先在同一行上

---

clear

在浮动的情况下，

display:block

在内联内容自然流动的情况下，没有任何东西会破坏

position:absolute

，因为前一个元素将被它从正常流动中移除。

我可以想到两个选项，但没有更多细节，我不能确定哪一个更好：

#elementId {
    display: block;
}

如果元素与浮动元素不在同一行上，这将强制该元素到“新行”

#elementId {
     clear: both;
}

这将迫使元素清除浮动，并移动到“新行”

---

如果元素与另一个元素位于同一行，并且该元素的位置为固定的或绝对的，就我所知，没有任何东西会强制“新行”，因为这些元素会从文档的正常流程中删除。

将元素显示为一个块：

display: block;

---

我想我不同意你的看法；什么是“某物”？你有没有费心去查它？除非你的问题像大卫认为的那样复杂。Flexbox的可能副本：@Andrew:

br

不是css。@David，哈，哇

：[

太晚了，可能是睡觉的信号……有趣的是，这是一个写得很糟糕的问题，但谷歌还是给了我第一个答案，这正是我想要的，答案也是。如果父元素是内联元素呢。如果是这样的话，这似乎不起作用。

display: block;