如今,我看到许多网站的<br/>
标签很少或没有标签。CSS是否消除了对的需求<br/>
,还是<br/>
仍然有用?
我问这个是为了让我知道<br/>
将来是否使用。
正如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] 删除。
我来说两句