<分区>
如何让元素自动定位在页面的新行上?在 HTML 中我可以使用 <br>
, 但如何在 CSS 中添加类似 line-break 的内容?
例如,假设我有以下代码:
<p>Lorem ipsum dolor sit amet,
<span id="elementId">consectetur adipisicing elit.</span>
Magni totam velit ex delectus fuga fugit</p>
跨度仍然与文本的其余部分位于同一行。如何完全通过 CSS 将跨度文本移动到新行?
另一个例子是使用 display: inline-block
或 float
:
<div class="smalldiv">Lorem ipsum dolor sit amet</div>
<div class="smalldiv">Lorem ipsum dolor sit amet</div>
<div class="smalldiv" id="elementId">Lorem ipsum dolor sit amet</div>
<div class="smalldiv">Lorem ipsum dolor sit amet</div>
.smalldiv {
display: inline-block; // OR
float: left;
}
如何移动 <div>
中的一个?是否在新行上创建新行?