繁体   English   中英

做一个 <div> 标签的行为像 <br> 用CSS标记

[英]Make a <div> tag behave like a <br> tag with CSS

是否可以通过CSS使<div>标签表现得像普通的<br>标签?

还有其他不能通过设置<div>样式模仿的标签吗?

添加样式clear:both;

是的,只要您确切知道要为其分配什么属性,就可以让div几乎执行任何操作。

对于伪造的“ br”标签(尽管我不确定您为什么会需要此标签),可以设置:

.classname {
height: 10px;
width:100%;
display:block;
position:relative;
}

不确定我是否理解问题“就像<br /> 。您可以定义两者的display属性。

display: inline | block;

这将确定任一元素之前和之后的换行符。

如何制作拖尾<br>标记在<div>表现得像尾随线中断<textarea><i>?</div></i> <b>?</div></b></textarea><div id="text_translate"><p> 在下面的代码片段中,我希望<div>中的尾随<br>表现得像<textarea>中的尾随换行符,因此<div>和<textarea>具有相同scrollHeight 。 </p><p></p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"><div class="snippet-code"><pre class="snippet-code-js lang-js prettyprint-override"> const div = document.getElementById("div") const textarea = document.getElementById("textarea") console.log(div.scrollHeight, textarea.scrollHeight)</pre><pre class="snippet-code-css lang-css prettyprint-override"> div, textarea { background-color: grey; border: 0; font-family: monospace; height: 24px; margin: 0; overflow: scroll; padding: 0; width: 100%; }</pre><pre class="snippet-code-html lang-html prettyprint-override"> <div id="div"> foo<br> bar<br> </div> <br> <textarea id="textarea">foo bar </textarea></pre></div></div><p></p></div></div>

[英]How to make trailing <br> tag in <div> behave like trailing line break in <textarea>?

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 如何制作拖尾<br>标记在<div>表现得像尾随线中断<textarea><i>?</div></i> <b>?</div></b></textarea><div id="text_translate"><p> 在下面的代码片段中,我希望<div>中的尾随<br>表现得像<textarea>中的尾随换行符,因此<div>和<textarea>具有相同scrollHeight 。 </p><p></p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"><div class="snippet-code"><pre class="snippet-code-js lang-js prettyprint-override"> const div = document.getElementById("div") const textarea = document.getElementById("textarea") console.log(div.scrollHeight, textarea.scrollHeight)</pre><pre class="snippet-code-css lang-css prettyprint-override"> div, textarea { background-color: grey; border: 0; font-family: monospace; height: 24px; margin: 0; overflow: scroll; padding: 0; width: 100%; }</pre><pre class="snippet-code-html lang-html prettyprint-override"> <div id="div"> foo<br> bar<br> </div> <br> <textarea id="textarea">foo bar </textarea></pre></div></div><p></p></div></div> 怎么做 <div> 标签像<a>标签一样?</a> 如何使用 CSS 使另一个标签的行为与前标签完全相同? CSS与 <br> 标签 如何使 iframe 标签表现得像 div,无需滚动且无需隐藏溢出的内容 添加<br> div 标签内的标签失败 用CSS阻止BR标签打破 如何使只读输入的行为类似于带有CSS的div? CSS使p标签不能拉伸div宽度 CSS:如何制作边框 <p> 标签是div标签的100%?
相关标签
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM