Javascript 如何计算div中的可用空间？

是否可以以px为单位计算div中此可用空间的宽度

HTML:

---

让我们假设我有一个id=myDiv的div元素：

function getTextWidth(text, font) {
// re-use canvas object for better performance
var canvas = getTextWidth.canvas || (getTextWidth.canvas =   document.createElement("canvas"));
var context = canvas.getContext("2d");
context.font = font;
var metrics = context.measureText(text);
return metrics.width;

}

---

var remainingSize=$（'#mydiv'）.width（）-getTextWidth（$（'#mydiv'）.text（），30）

这个代码给了我们一些空格。我需要这个答案对你有帮助吗？没有，但是谢谢你的帮助。我认为没有办法解决此问题。虽然此代码可能会回答此问题，但提供有关此代码为什么和/或如何回答此问题的其他上下文将提高其长期价值。脚本计算字数并返回减少1的计数。OP想知道是否可以将单词视为内联块元素，并计算每行相对于父容器的可用空间。

div {
  width: 150px;
  font-size: 30px;
  border: 1px solid black;
}

function getTextWidth(text, font) {
// re-use canvas object for better performance
var canvas = getTextWidth.canvas || (getTextWidth.canvas =   document.createElement("canvas"));
var context = canvas.getContext("2d");
context.font = font;
var metrics = context.measureText(text);
return metrics.width;

var length = $('#mydiv').text().split(" ").length-1;