Javascript 是否可以确定HTML5 div标记的最小宽度？

假设我有一个这样的简短内容

<div id="reginald">
    <span style="whitespace: no-wrap">Wrap me if you can!</span>
</div>

如果可以的话，把我包起来！

---

我怎样才能知道这个div的最小宽度是多少？

很简单：您临时将其父级的宽度设置为尽可能小，然后测量它

// Shrink the parent.
var oldParentWidth = $("#reginald").css("width");
$("#reginald").css("width", "1px");

// Measure the child.
var width = $("#reginald span").width();

// Put it back.
$("#reginald").css("width", oldParentWidth);

console.log(width);

另外，您可能指的是

空白：nowrap

，因为内容实际上是包装的

---

更新：这里有一把小提琴演示了这一点：

div的最小宽度取决于两个因素，一个是其中的内容，即文本的长度、字体大小等，这使得很难确定div的最小宽度，因为内容可以更改，但您仍然可以这样做

var width = $("#reginald").width();

另一个因素是样式表中设置的CSS属性min width，可以通过以下方式获得：

var minWidth = $("#reginald").css("min-width");

---

最小宽度不是取决于字体大小吗？只需使用

minwidth

CSS。