如何使元素自动定位在页面的新行中?在HTML中我可以使用<br>,但是如何在CSS中添加像换行符这样的东西呢?
假设我有以下代码,例如:
<p>Lorem ipsum dolor sit amet,
<span id="elementId">consectetur adipisicing elit.</span>
Magni totam velit ex delectus fuga fugit</p>
Run Code Online (Sandbox Code Playgroud)
跨度仍与文本的其余部分位于同一行.如何仅通过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;
}
Run Code Online (Sandbox Code Playgroud)
如何<div>在新行上移动其中一个以创建新行?
我想<text>在创建后读取在d3中创建的元素的宽度.
我试过了
svg.selectAll("text")
.each(function () {
console.log('text', d3.select(this).style("width"));
}); // 'auto'
Run Code Online (Sandbox Code Playgroud)
和
svg.selectAll("text")
.each(function () {
console.log('text', $(this).css("width"));
}); // '0px'
Run Code Online (Sandbox Code Playgroud)
提前致谢