html – 样式图例标记为块

概述我在以下网址设置了我的问题演示： http://jsfiddle.net/YHHg7/4/ 我正在尝试执行以下 *** 作： legend { display: block; border-bottom: 1px solid red; margin-bottom: 50px;} 但是,似乎所有浏览器都忽略了图例标记上的display：block.这是这个标签的正确行为还是我做错了什么？ <图 我在以下网址设置了我的问题演示： http://jsfiddle.net/YHHg7/4/

我正在尝试执行以下 *** 作：

legend {  display: block;  border-bottom: 1px solID red;  margin-bottom: 50px;}

但是,似乎所有浏览器都忽略了图例标记上的display：block.这是这个标签的正确行为还是我做错了什么？

解决方法 <图例>默认情况下是一个块级元素,所以无论你是否包含display：block都没有区别.但是,它与< fIEldset>一起特别对待.通过浏览器作为字段集的标签.

要从< fIEldset>“分离”它你可以给它一个非静态的位置,或浮动它,或者甚至只是用它的边缘玩一点.然而,结果可能有点不可预测,这也是由于两种元素的特殊处理.

总结

以上是内存溢出为你收集整理的html – 样式图例标记为块全部内容，希望文章能够帮你解决html – 样式图例标记为块所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。