css - 哪些html元素应该用div包裹？ (、<input>、<textarea>、、 等。)

Question

很多时候我在设计的时候都在思考这个问题:

哪些 html 元素应该用 div 包裹，在什么情况下？( <img>,<input>,<textarea>,<form>, <ul> 等。)

---

示例A-输入文本:

---

不带 div 的选项 1:

<input class="input-wrapper" type="text" />

option2 with div around input:

<div class="input-wrapper"><input type="text" /></div>

---

例子B-img:

---

不带 div 的选项 1:

<img class="image-wrapper" src="MyPic.jpg" alt="my pic" />

option2 with div around input:

<div class="image-wrapper"><img src="MyPic.jpg" alt="my pic" /></div>

---

---

编辑:

我谈论的案例是，作为设计师和程序员，我们有时间以最好的方式使用position:relative绝对、 float 且没有 <br/>等..

谢谢

Answer 1

很多时候，您主要出于布局目的使用 div 环绕其他元素。没有规则说你不应该将 div 包裹在元素周围。在这里回应 wb 的回答可能是大多数时候你可以通过将样式应用于特定元素本身来获得相同的结果。

当我开始使用 css 时，我使用了很多 div 作为包装器，尽管它们没有用处。但是需要一些时间才能习惯使用适当的标签和样式来获得适当的布局。

一些链接可能是有用的读物​​

http://www.apaddedcell.com/div-itis#

http://www.smashingmagazine.com/2009/04/08/from-table-hell-to-div-hell/