我想要一个背景legend场内的一个fieldset。我希望它占据整个宽度，但仅限于字段集中。如果我使用legend {width: 100%}这将是wider比fieldset.
这是一个例子，可以运行在JSFiddle http://jsfiddle.net/jonas_io/TAvRF/:
<html>
<head>
<style>
fieldset {
border:0;
outline: 1px solid gray;
}
legend {
font-weight:bold;
background: orange;
width: 100%
}
</style>
</head>
<body>
<fieldset>
<legend>Legend</legend>
Content of Fieldset
</fieldset>
</body>
</html>
有什么办法可以让我legend仅填充宽度内fieldset?
See: http://jsfiddle.net/TAvRF/1/ http://jsfiddle.net/TAvRF/1/
您可以使用box-sizing: border-box https://developer.mozilla.org/en/CSS/box-sizing:
legend {
font-weight:bold;
background: orange;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
然后你可以添加padding: http://jsfiddle.net/TAvRF/5/ http://jsfiddle.net/TAvRF/5/
虽然，只是设置padding: 0并忘记了box-sizing: border-box似乎对我有用..http://jsfiddle.net/TAvRF/6/ http://jsfiddle.net/TAvRF/6/
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
