CSS取代了<br/>吗?

穆罕默德·阿雷布·西迪基(Mohammad Areeb Siddiqui)

如今,我看到许多网站的<br/>标签很少或没有标签。CSS是否消除了对的需求<br/>,还是<br/>仍然有用?

我问这个是为了让我知道<br/>将来是否使用

罗里·奥肯(Rory O'Kane)

正如DA所说,有时<br>是合适的,有时是不合适的-这取决于您使用它的目的。以下是不合适的情况下使用CSS代替的一些示例<br><br>

垂直边距或填充

如果您<br>只是因为看起来更好而使用垂直空间(不是因为换行符是内容的一部分),则应使用垂直边距或填充。代替这个:

<div class="foo">some content</div>
<br><br>
<div class="bar">more content</div>

您可能想要这样:

<div class="foo">some content</div>
<div class="bar">more content</div>
.foo { margin-bottom: 2em; }

根据情况,您可能需要更改距离2em,或使用padding代替margin,或将空格放在的顶部.bar而不是的底部.foo

display: block

如果您使用单个<br>将一行分成两行,仅是为了视觉效果,则最好使用display: block如果您使用以下格式的HTML:

<label for="first-name">First name:</label>
<br>
<input type="text" id="first-name" name="first-name" />

那么您应该执行以下操作:

<label for="first-name">First name:</label>
<input type="text" id="first-name" name="first-name" />
form label { display: block; }

<label>s是display: inline默认设置,这意味着它们可以与其他文本排成一行。当您制作一个元素display: block并且不将其设置width为固定值(例如)时100px,该元素将展开以填充整行,从而将其后的元素强制到下一行。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

á不会被取代,但í会被取代吗?

来自分类Dev

jQuery用<br />替换\ n吗?

来自分类Dev

PHP用回车替换<br>吗?

来自分类Dev

包装textNode而不在<br>上分开吗?

来自分类Dev

德鲁伊可以取代Hadoop吗?

来自分类Dev

JavaFX应该取代Swing吗?

来自分类Dev

概念会取代SFINAE吗?

来自分类Dev

德鲁伊可以取代Hadoop吗?

来自分类Dev

我可以阻止casper.fetchText自动删除<br>吗?

来自分类Dev

资产不被版本升级取代吗?

来自分类Dev

Android数据绑定会取代findViewById吗?

来自分类Dev

Go编程语言取代了C ++吗?

来自分类Dev

Ubuntu 12.04:用Alsa取代PulseAudio吗?

来自分类Dev

击剑取代Dagger2吗?

来自分类Dev

Ubuntu 12.04:用Alsa取代PulseAudio吗?

来自分类Dev

Ubuntu会用snappy取代dpkg吗?

来自分类Dev

React Hooks 会取代类吗?

来自分类Dev

如何使用CSS模拟多个<br/>标签

来自分类Dev

应用商店更新会取代即兴构建吗?

来自分类Dev

核心数据对象会取代标准类对象吗?

来自分类Dev

hadoop会取代数据仓库吗?

来自分类Dev

杜兰达(Duranda)取代了淘汰赛模板吗?

来自分类Dev

“致命:LF将被CRLF取代”会影响源代码吗?

来自分类Dev

我应该用Fragments取代Android Activities吗?

来自分类Dev

JWT(json网络令牌)可以完全取代Session吗?

来自分类Dev

System.js可以取代require.js吗

来自分类Dev

杜兰达(Duranda)取代了淘汰赛模板吗?

来自分类Dev

Truecrypt会取代我的grub引导加载程序吗?

来自分类Dev

我可以用Wine取代Windows吗?