`
zheyiw
  • 浏览: 1017489 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论
阅读更多
[转帖]最近用php做了一个留言板,用户发布留言的form就用到了fieldset,不过发现了一个问题,就是IE下面fieldset的margin-top和margin-bottom无效,当然margin横向是正常的。

比如css里:fieldset{margin:100px auto;}那么这个fieldset在FF(包括safari等浏览器)显示是上下100px、左右居中。而IE下就是左右居中,margin的上下无效。(当然这里的ie是IE6-IE8、页面带DOCTYPE声明)。

我的解决办法就是修改fieldset内legend的margin,或者fieldset外面加一个div,然后修改这个div的margin。

顺便,这个表单也被我拿来当作练习js了,深刻的体会到:学到的理论如果不用到实践上,那永远也不会有提升。

分享到:
评论

相关推荐

    Extjs fieldset两行两列布局

    ### Extjs FieldSet 两行两列布局解析 在Extjs框架中,`FieldSet`是一种常见的组件,常用于组织一组相关的表单字段,并通过一个标题来标识这组字段的主题。本文将详细介绍如何使用Extjs实现一个两行两列布局的`...

    jquery fieldset和legend标签代码.zip

    `<fieldset>` 可以看作是表单的一个区域,可以包含多个相关的输入元素,而`<legend>` 是 `fieldset` 的标题,它描述了该区域的主要功能。在这个"jquery fieldset和legend标签代码.zip"中,我们很可能会找到一个使用...

    MyJsp(html的fieldset使用

    MyJsp(html的fieldset使用 MyJsp(html的fieldset使用MyJsp(html的fieldset使用MyJsp(html的fieldset使用

    主从表样例1 使用fieldset

    <fieldset id="annex1" style="width:800px"> <legend>SubTable 1 SubTable List Field1 Field2 Field3 ...

    HTML中fieldset

    例如,可以使用 border 属性来设置 fieldset 元素的边框样式,可以使用 padding 属性来设置 fieldset 元素的内边距,可以使用 margin 属性来设置 fieldset 元素的外边距等。 在交互方面,fieldset 元素可以使用 ...

    Extjs3 自定义类似于Fieldset的组件

    用Ext自定义一个类似于Fieldset的组件,还有数据绑定昂,跟json数据的交互,和后台交互使用了URLLoader,很强大,之前在网上找了很多,没有找到,后来我师傅给我源码,这里跟大家分享一下,有用到的童鞋们可以参考...

    可收放的HTML fieldset

    这里提到的模仿MSDN的可收放Fieldset,可能是指微软开发者网络(MSDN)网站上的一种实现方式,它们通常会使用自定义的图形和动画效果来提供更好的视觉体验。 首先,我们来看标签:"收放"、"HTML"、"fieldset"、...

    fieldset相关的总结

    这篇博客文章“fieldset相关的总结”可能详细介绍了`<fieldset>`的使用方法、作用以及在实际项目中的应用。尽管没有具体的描述内容,但我们可以从标签“源码”和“工具”推测,博主可能深入探讨了`<fieldset>`的HTML...

    Ext.form.FieldSet的用法.docx

    Ext.form.FieldSet是Ext JS库中的一个组件,用于组织和分组表单字段。它提供了一种方便的方式来呈现和管理一组相关的输入控件,并且可以通过配置项进行自定义以适应不同的设计需求。以下是对FieldSet的一些关键配置...

    Ext.form.FieldSet的用法.pdf

    `Ext.form.FieldSet` 是 `ExtJS` 框架中的一个组件,它主要用于组织和分组表单中的字段。FieldSet 提供了一种在界面上以可折叠或展开的方式展示一组相关输入字段的方式,有助于增强用户体验和界面的可读性。以下是对...

    fieldset标签定义说明.docx

    `<fieldset>`标签用于定义一个字段集,通常与`<legend>`标签配合使用,`<legend>`为字段集提供了一个标题或说明,帮助用户理解字段集的目的。例如: ```html <fieldset> <legend>Personalia: <label>Name: ...

    cmxform-fieldset图片

    cmxform-fieldset

    购物网站(学生作业)(有滑动模块,fieldset))

    标题中的“购物网站(学生作业)(有滑动模块,fieldset))”表明这是一个学生用于学习和练习网页设计的项目,其中包含了滑动模块和HTML的fieldset元素。这个项目可能是为了帮助学生掌握网页布局、交互设计以及前端...

    Flex3自定义组件类似于Fieldset

    Flex3自定义组件类似于Fieldset

    几乎被设计师遗忘了的标签fieldset legend

    "fieldset 和 legend 标签的使用和样式设置" 在 HTML 中,fieldset 和 legend 标签是两个常用的标签,用于组织和描述表单元素。但是,这两个标签经常被设计师遗忘或忽视,本文将重点介绍这两个标签的使用、样式设置...

    js控制fieldset高度的代码

    ### JS控制`<fieldset>`高度的方法 在网页开发过程中,我们常常需要动态调整表单元素的大小以适应不同的布局需求或交互效果。本篇将详细探讨如何使用JavaScript来控制`<fieldset>`元素的高度。 #### 代码解读 ...

    HTML中fieldset标签概述及使用方法

    本文将深入探讨`<fieldset>`标签的概述、用途以及如何使用它来创建更加清晰、有结构的表单。 一、`<fieldset>`标签的基本概念 `<fieldset>`标签就像一个容器,可以将相关的表单字段(如输入框、选择框、按钮等)...

    JavaScript设置FieldSet展开与收缩

    从文件内容中可以看出,这篇文章详细讲解了如何使用JavaScript来实现FieldSet元素的展开与收缩功能。为了达到这个效果,需要使用HTML来构建FieldSet界面,再结合JavaScript来控制其内部表格的显示和隐藏,以及相应的...

    jquery fieldset和legend标签特效代码

    `<legend>` 标签是与 `<fieldset>` 配对使用的,它定义了 `<fieldset>` 的标题或说明。`<legend>` 的内容会显示在 `<fieldset>` 的顶部,提供表单分组的描述。对于屏幕阅读器用户来说,`<legend>` 还提供了重要的上...

    react-fieldset:以复杂的树数据形式提供声明性字段命名和道具

    Fieldset使用React Contex,这会影响性能,因此请确保您的数据和字段树确实如此复杂,以至于需要<Fieldset> 。 无论如何,一开始不要尝试使用它。 :check_mark_button: 如果满足以下条件,则可能需要它: 您确实...

Global site tag (gtag.js) - Google Analytics