有什么方法可以让 <fieldset>
的宽度变大吗?是其中最大字段的宽度?
最佳答案
只需将您的问题置于一般背景下即可。 <fieldset>
是一个 block 元素,因此它的默认行为是展开以填充可用的水平空间。所以你基本上有两个选择:
- 设置新的显式宽度。
- 从
block
更改其布局到别的地方。
这是一个简单的例子:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head><title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css"><!--
fieldset.explicit-width{
width: 1%; /* Will expand to fit content */
}
fieldset.inline-block{
display: inline-block;
}
--></style>
</head>
<body>
<fieldset><legend>Unstyled</legend>
<p><input type="text" size="2"></p>
<p><input type="text" size="20"></p>
<p><input type="text" size="50"></p>
<p><input type="text" size="30"></p>
</fieldset>
<fieldset class="explicit-width"><legend>Explicit width</legend>
<p><input type="text" size="2"></p>
<p><input type="text" size="20"></p>
<p><input type="text" size="50"></p>
<p><input type="text" size="30"></p>
</fieldset>
<fieldset class="inline-block"><legend>Inline-block</legend>
<p><input type="text" size="2"></p>
<p><input type="text" size="20"></p>
<p><input type="text" size="50"></p>
<p><input type="text" size="30"></p>
</fieldset>
</body>
</html>
更新:我忘了提到 float block 级元素也会改变其布局。
关于css - 将 `<fieldset>` 的宽度设置为最大包含元素的宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4022057/