Question

我一直在这个在线表单提交网站上做dev，并使用HTML / CSS来对齐字段和不对齐。我做得很好，直到我需要在每个部分周围放置小盒子，因为我会有太多的div并且在我不想要它们时会彼此关闭。所以我的问题是，有没有办法明确告诉每个结束</div>关闭某个div类'或者我应该只使用另一个标签。

HTML：

<div class="print_content">
              <div class="generalinfo">
                <h4>User Information</h4>
                <hr/>
              </div>  
              <!--form starts-->
                <form>
                    <div class="half">
                      <legend><b style="color:red",>*</b>
                        <label for="name">Name</label><legend>
                        <input type="text" id="name" name="name">
                    </div>
                    <!-- added div class clear to have a half class in 1 row -->
                    <div class="clear"></div>
                       <div class="half">
                         <label for="email">Email</label>
                          <input type="text" id="email" name="email">
                        </div>
                    <div class="half">
                        <label for="zip">Zip / Postal code</label>
                        <input type="text" id="zip" name="zip">
                    </div>
                      <div class="half">
                          <label for="abc" class="alignleft">abc</label>
                          <span class="left-text">abcabc</span>
                      </div>
                    <div class="half">
                        <label for="country">Country</label>
                        <select id="country" name="country"><option></option></select>
                    </div>
                    <div class="full">
                        <label for="message">Message</label>
                        <textarea id="message" name="message"></textarea>
                    </div>

                    <div class="full">
                        <label for="zip">Zip / Postal code</label>
                        <input type="text" id="zip" name="zip">
                    </div>
                    <div class="half">
                        <input type="checkbox" id="copy" name="copy">
                        <label for="copy">Send me a copy</label>
                    </div>
                    <div class="half">
                      <legend><b style="color:red",>*</b>
                        <label for="name">Name</label><legend>
                        <input type="text" id="name" name="name">
                    </div>
                    <div class="half">
                                <div class="nocolor">
                                    <a href="www.google.com">google</a>
                                </div>
                    </div>
              </div>
          </div>

Answer 1

我认为“＆lt; ul＆gt;”一些“＆lt; li＆gt;”在这里会很棒。就这样做：

<ul>
 <li class="half">
  <input ...
  <label ...
 </li>
</ul>

更多信息http://www.w3.org/TR/html401/struct/lists.html

HTML通常会为您提供多种（或10种）可能性。一般来说，如果您不了解更具体的元素，我喜欢您使用非常基本元素（如div）的方法。如果您再次感觉自己使用了太多的div并且可能存在其他解决方案，那么只需搜索与您的产品实现的解决方案类似的网站。使用“F12”（大多数浏览器），您可以探索他们使用过的内容。

我有太多div，我还能用什么？

1 个答案: