文章/答案/技术大牛

发布

问Fieldset打破了网格？
EN

Stack Overflow用户

提问于 2011-03-29 17:47:06

回答 1查看 1.1K关注 0票数 1

我刚开始使用Blueprint，所以不要批评我:-)这是我的代码，一个简单的两列布局：

<body>
  <div class="container showgrid">
    <div class="span-24 last">
      <h1 >Logo Here</h1>
    </div>
    <div class="span-16">SlideShow</div>
    <div class="span-8 last">
      <form>
        <fieldset >
          <label for="email">Email</label>
          <input type="text" id="email" name="email" class="title">
        </fieldset>
      </form>
    </div>
  </div>
</body>

你可以在这里看到结果(在Firefox3上)：

http://img600.imageshack.us/i/screenwr.png/

如您所见，fieldset打破了网格。如果我删除字段集，表单会变得更好，尽管它仍然宽了一个像素。我做错了什么？谢谢你的帮助。

html

css

forms

blueprint-css

回答 1

Stack Overflow用户

回答已采纳

发布于 2011-03-29 18:03:58

只是文本字段太长了。在blueprint中，它被设置为300px。只需使用CSS覆盖文本字段宽度，它应该是固定的。例如：

.span-8 input.text, .span-8 input.title { width: 275px; }

票数 1

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

原文链接：

https://stackoverflow.com/questions/5470639

复制

相似问题

问Fieldset打破了网格？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Fieldset打破了网格？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Fieldset打破了网格？
EN