fieldset設置寬度的方法：1、使用CSS的width屬性；2、使用CSS的min-width和max-width屬性；3、使用CSS的flex布局；4、使用CSS的grid布局。
在HTML和CSS中，“fieldset”元素用于將表單內的某些元素組合在一起，可以添加邊框來定義它們。默認情況下，“fieldset”的寬度是根據其內容決定的，但你可以使用CSS來設置固定的寬度。
以下是一些方法來設置“fieldset”的寬度：
使用CSS的width屬性：
<style>
.custom-fieldset {
width: 300px; /* 設置你想要的寬度 */
}
</style>
<fieldset class="custom-fieldset">
<!-- 在這里添加你的表單元素 -->
</fieldset>
登錄后復制
使用CSS的min-width和max-width屬性（可選）：
如果你想要限制“fieldset”的最小和最大寬度，可以使用這兩個屬性。
<style>
.custom-fieldset {
min-width: 200px; /* 設置最小寬度 */
max-width: 400px; /* 設置最大寬度 */
}
</style>
<fieldset class="custom-fieldset">
<!-- 在這里添加你的表單元素 -->
</fieldset>
登錄后復制
使用CSS的flex布局（現代布局技術）：
如果你想要更加靈活地控制“fieldset”內的元素布局，可以使用CSS的flex布局。這允許你設置主軸和交叉軸的長度，以及元素的彈性大小。
<style>
.custom-fieldset {
display: flex; /* 設置為flex容器 */
width: 300px; /* 設置你想要的寬度 */
}
.custom-fieldset > * {
flex: 1; /* 讓所有子元素等寬 */
}
</style>
<fieldset class="custom-fieldset">
<!-- 在這里添加你的表單元素，它們將會等寬分布 -->
</fieldset>
登錄后復制
使用CSS的grid布局（現代布局技術）：
如果你想要更加復雜的布局，可以使用CSS的grid布局。這允許你創建行和列來放置元素，并且可以設置特定的布局間距。
<style>
.custom-fieldset {
display: grid; /* 設置為grid容器 */
grid-template-columns: repeat(3, 1fr); /* 設置3列，每列寬度相同 */
width: 300px; /* 設置你想要的寬度 */
}
</style>
<fieldset class="custom-fieldset">
<!-- 在這里添加你的表單元素，它們將會按照網格布局分布 -->
</fieldset>
登錄后復制
