html - CSS 取代了 了吗？

<分区>

现在我看到许多网站很少或没有  标签。 CSS 是否消除了对   的需要？，或者是  还有用吗？

我问这个是为了知道是否使用   future 。

最佳答案

作为D.A. said , 有时   是合适的，有时是不合适的——这取决于你用它做什么。以下是一些使用什么 CSS 代替   的示例, 在   的情况下不合适。

垂直边距或填充

如果您使用  要添加垂直空间只是因为它看起来更好(而不是因为换行符是内容的一部分)，您应该使用垂直边距或填充。而不是这个:

<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 可能会更好.如果您在表单中有此 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>是 display: inline默认情况下，这意味着它们可以与其他文本位于同一行。当你制作一个元素时 display: block并且不要设置它的 width到固定值，如 100px , 元素展开以填满整行，迫使它之后的元素到下一行。

关于html - CSS 取代了 了吗？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17494029/