弹窗里长短不一的输入框如何排列整齐，短的两个一行，长的单个一行，用html+css+js来写，弹窗宽578px，高度328px，高随输入框的数量而变化，短输入框宽249px，高36px，长输入框高是538px，高36px

您可以使用HTML、CSS和JavaScript来实现这个弹窗布局。以下是一个示例代码：

HTML:

<div id="popup" class="popup">
  <input type="text" class="input-box short-input" placeholder="短输入框1">
  <input type="text" class="input-box short-input" placeholder="短输入框2">
  <textarea class="input-box long-input" placeholder="长输入框"></textarea>
</div>

CSS:

.popup {
  width: 578px;
  height: auto;
}

.input-box {
  width: 249px;
  height: 36px;
  margin-bottom: 10px;
}

.long-input {
  height: 538px;
}

JavaScript:

// 获取弹窗元素
var popup = document.getElementById("popup");

// 计算弹窗高度
function calculatePopupHeight() {
  var shortInputCount = document.getElementsByClassName("short-input").length;
  var longInputCount = document.getElementsByClassName("long-input").length;
  var totalHeight = (shortInputCount * 46) + (longInputCount * 576) + (shortInputCount + longInputCount - 1) * 10;
  popup.style.height = totalHeight + "px";
}

// 页面加载完成后计算弹窗高度
window.onload = function() {
  calculatePopupHeight();
};

在上述示例中，我们使用了一个带有id为"popup"的`<div>`元素作为弹窗容器，并在其中放置了三个输入元素：两个短输入框和一个长输入框，分别使用了`.short-input`和`.long-input`类来设置宽度和高度。

使用CSS中的固定宽度和高度，以及适当的margin和padding来实现输入框的布局。

JavaScript部分包含一个`calculatePopupHeight`函数，用于根据输入框的数量计算弹窗的高度，并在页面加载完成后调用该函数以确保弹窗高度正确。这里使用了DOM操作来获取输入框的数量和设置弹窗的高度。

您可以根据需要调整样式和布局，以满足您的具体要求。