相关疑难解决方法(0)

是否可以在不使用<fieldset>标签的情况下实现<fieldset>类效果?

我个人喜欢这个<fieldset>标签,因为它如何绘制一个盒子并将<legend>它放在边框上方.像这样.

我想要实现的示例图像

但是,该fieldset元素用于组织表单,并且将其用于一般设计并不比使用表格进行一般设计更好.所以,我的问题是...... 如何使用另一个标签获得相同的结果?边框必须在<legend>(或任何其他标签将被使用)下删除,并且因为可能存在"复杂的"身体背景图像,所以我不能仅设置background-color图例以匹配元素之一下.

我希望它能在没有JavaScript的情况下工作,但CSS3和基于XML的格式(如SVG或XHTML)都可以.

html css fieldset

51
推荐指数
4
解决办法
3万
查看次数

使用没有表单标记的fieldset标记是错误的吗?

我想知道我是否可以使用fieldset标签而不是在里面form.因为我喜欢它包围legend内部html周围的边界内容的方式.当我用它来封闭li元素时,它的行为就像它在表单中的实际存在(可视)一样.

html forms fieldset

38
推荐指数
3
解决办法
1万
查看次数

HTML fieldset允许子项无限扩展

我想把一个可滚动的盒子放在里面fieldset,但我遇到了一个怪癖,我无法弄清楚它的方式.当您将可滚动条div放在a中时fieldset,fieldset展开而不是使可滚动元素滚动.

这是一个测试用例.以下扩展无限期(boo):

<div style="width: 300px; overflow: hidden;">
   <fieldset>
      <div style="overflow: scroll; white-space: nowrap;">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lorem arcu, sodales non gravida eget, vehicula vitae nulla. Quisque turpis justo, consectetur ut egestas at, pulvinar nec diam. Donec porttitor lobortis elit quis scelerisque. Proin at mollis nibh. Nulla nisi dolor, rutrum nec rhoncus congue, cursus at urna. Curabitur adipiscing euismod nisl nec consequat. Aliquam justo justo, …
Run Code Online (Sandbox Code Playgroud)

html css overflow fieldset

9
推荐指数
2
解决办法
2325
查看次数

标签 统计

fieldset ×3

html ×3

css ×2

forms ×1

overflow ×1