调整HTML字段集的大小

我正在为一个我正在制作的网站使用标签来显示信息，因为字段集框使分离信息更具吸引力

---

唯一的问题是字段集框扩展了浏览器页面的宽度，并且有很多空白。是否有一种属性或方法使其在屏幕上的长度不那么长？

所有未指定大小的块级元素都将采用完整的可用宽度

如果向字段集添加一些css以将其设置为显示为内联块，则字段集将不会全宽显示。您还可以设置所需的宽度

fieldset{
  display: inline-block;
}

或

这里可能存在的唯一问题是，字段集可能无法正常流动，因为它是内联的。您还可以使用CSS设置字段集的宽度，或者将字段集包装在div中，并将DIVs宽度设置为所需的任何宽度

---

这里有一个代码笔，每个都有示例：

如果只是为了让页面更吸引人，您是否应该使用字段集请看5票以上的答案：6票以上。我倾向于同意@Pete——虽然它在技术上可能是有效的HTML，但如果它只是用于样式设计，那么它肯定不是语义标记。同样的效果也可以通过更合适的容器和CSS来实现。好吧，那么它应该是{width:50%}****其中*将是字段集中的数据？我上面展示的代码将是CSS文件的一部分。看看我创建的代码笔，你可以看到它将在一个单独的文件中。

fieldset{
  width: 50%
}