样式图例标记为块
我在以下网址设置了我的问题演示:http://jsfiddle.net/YHHg7/4/
我正在尝试执行以下操作:
legend {
display: block;
border-bottom: 1px solid red;
margin-bottom: 50px;
}
但是,似乎所有浏览器都忽略了图例标记上的display: block
。这是这个标签的正确行为还是我做错了什么?
没有找到相关结果
已邀请:
4 个回复
款去芳尾脊
默认是一个块级元素,所以无论你是否包含
都没有区别。但是,它被浏览器特别与
一起作为字段集的标签处理。 要将它从“deta4”“分离”,你可以给它一个非静态的位置,或者漂浮它,或者甚至只是用它的边缘玩一点。然而,结果可能有点不可预测,这也是由于两种元素的特殊处理。
诉嘎归亮
然后在其中使用span来控制所有您想要的样式: HTML:
CSS:
清晰,语义,并且通常可以在不同的浏览器中轻松操作
填盖
是块级元素。如果我使用Chrome(开发频道)添加宽度,则图例的宽度会相应更改。 如果你反而想知道
风格,
只能设置它的左边距或右边距,这将使它相对于其所包含的
。如果你想为其他元素添加间距,那么你会可能想要添加填充到
本身。
缝皋
属性。