我试图使用< legend>作为< fieldset>内的标题。
在IE以外的浏览器中,< legend>位于< fieldset>的顶部边框上,文本完全以行为中心。
我试图重新设置它的位置,所以它就像任何其他元素一样。即< h3> ;. 这是我迄今为止的CSS。
fieldset legend { margin: 0; padding: 0; position: static; border: 0; top: auto; left: auto; float: none; display: block; font-size: 14px; line-height: 18px; }
但传说还是完美地集中在线上。
Yes,I can add a margin/padding/top coordinate but I want to know if the browser has any default values for the element that trigger this layout. I want to then,override these values.
在Firefox(3.6.10),Chrome(6.0.472.63),Safari(5.0.2)
更新
我会把这个问题开放一个星期,以防万一有人能够设计< legend>元素。如果没有找到解决方案,我会接受@ jnpcl的答案。
解决方法
https://web.archive.org/web/20140209061351/http://tjkdesign.com/articles/how_to_position_the_legend_element.asp
Simply put,it is not possible across
browsers to position the LEGEND
element in a Fieldset.
解决方法:将文本从< legend>在< span>中,然后重新定位< span>。