首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >基础5 div重型

基础5 div重型
EN

Stack Overflow用户
提问于 2013-12-24 06:30:58
回答 1查看 109关注 0票数 0

我已经开始了一个新项目的工作,并决定给基金会5一个狂欢,看看它是什么样的。在创建带有水平字段的表单时,我在文档中注意到的第一件事是,它们使用大量div进行样式设置。因此,我尝试了下面的一个例子(第二个例子,我尝试了没有div):

代码语言:javascript
运行
复制
<!-- 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!我猜这与地基的使用有关,我只是还没有跟上它的速度。

谢谢

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-12-24 07:02:58

<label>中使用<div>将使您在造型方面具有很大的灵活性。为<label>定义类将限制您的样式选项。对于<div>,您可以定义高度、背景色、边框、宽度、背景图像、渐变填充、边距、填充等等。然而,给<label>一个类名并不会让您做那些样式设计。你可以试试。

基本上,<div>作为一个盒子或容器工作,其中包含一些内容元素,这为您在样式设计方面提供了很大的力量和灵活性。然而,为内容元素定义类并不能提供这种灵活性和能力。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/20756026

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档