我已经开始了一个新项目的工作,并决定给基金会5一个狂欢,看看它是什么样的。在创建带有水平字段的表单时,我在文档中注意到的第一件事是,它们使用大量div进行样式设置。因此,我尝试了下面的一个例子(第二个例子,我尝试了没有div):
<!-- Example with extra divs -->
<div class="row">
<div class="large-2 columns">
<label>Contact</label>
</div>
<div class="large-6 columns left">
<select></select>
</div>
</div>
<!-- Example without extra divs -->
<div class="row">
<label class="large-2 columns">Contact</label>
<select class="large-6 columns left"></select>
</div>
这两者都实现了相同的事情与略有不同的造型。我想知道是否有人能解释为什么我会使用第一个(跟随文档基金会)而不是另一个.少用html!我猜这与地基的使用有关,我只是还没有跟上它的速度。
谢谢
发布于 2013-12-24 07:02:58
在<label>
中使用<div>
将使您在造型方面具有很大的灵活性。为<label>
定义类将限制您的样式选项。对于<div>
,您可以定义高度、背景色、边框、宽度、背景图像、渐变填充、边距、填充等等。然而,给<label>
一个类名并不会让您做那些样式设计。你可以试试。
基本上,<div>
作为一个盒子或容器工作,其中包含一些内容元素,这为您在样式设计方面提供了很大的力量和灵活性。然而,为内容元素定义类并不能提供这种灵活性和能力。
https://stackoverflow.com/questions/20756026
复制相似问题