jquery - 如何打开一个与DIV中所有元素的宽度完全相同的JQuery模式对话框？

我正在将JQuery 1.11和随附的UI一起使用。我想创建一个基于DIV的模态窗口，但是，我想避免在DIV上指定固定宽度，因为元素的数量将会变化。但是，我希望将所有元素都放在同一平面上，前提是要有足够的水平屏幕空间（如果没有，则可以将它们包装起来）。所以我有这个DIV

<div id="loginBox" style="display:none;">
    <div>Login/Sign Up To Save Your Race Results</div>
    <div id="loginLogos">
            <a href="#"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/5c/Google_plus.svg/491px-Google_plus.svg.png" height="75" /></a>
            <a href='#'><img src="https://hilalcenter.files.wordpress.com/2011/08/icon_facebook.png" height="75" /></a>
            <a href='#'><img src="http://www.freeiconspng.com/uploads/twitter-icon-png-13-1.png" height="75" /></a>
            <a href='#'><img src="https://image.freepik.com/free-icon/linkedin-logo_318-52856.png" height="75" /></a>
    </div>
</div>

这种风格

#loginBox {
  display: inline-block;
  background-color: gray;
}

这是创建模式的JQuery

   var opt = {
        autoOpen: false,
        modal: true,
  }
  $("#loginBox").dialog(opt);
  $("#loginBox").dialog("open");

但是，正如您将在该提琴— https://jsfiddle.net/fupcjLr4/3/中看到的那样，如果单击“显示”链接，则在生成对话框后，即使有足够的空间来显示所有元素，元素也会自动换行到下一行尽管我在所有内容上都指定了“ display：inline-block”。如何以相同平面上所有元素的大小打开模态？

最佳答案

试试看

#loginLogos { white-space: nowrap;}

避免换行。

关于jquery - 如何打开一个与DIV中所有元素的宽度完全相同的JQuery模式对话框？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/39281224/