php - 如何根据来自mysql的动态信息设置css的宽度

Question

背景

我有一个从 mysql 表中动态提取信息的 Web 应用程序。某个表中的所有行都被动态插入到程序的可排序数据表中。不幸的是，这些表位于 bootstrap3 模态窗口中。 Bootstrap3 没有给出如何“调整”实际模态窗口大小的简单时间......而且更不幸的是，标准模态窗口不够大，无法实际容纳行中的所有信息(基于实际信息 table )。

因此，我的解决方案是:<div class='modal-dialog' style="width: calc(100% - 100px)";

然而，真正打动我的是，这个模态窗口可能不一定需要 -100px; 甚至 -250px，这取决于 mysql 表中文本的实际宽度。

示例 1 - 必要的宽模态

 first | last | telephone | email                         | address                    | more...
 ----------------------------------------------------------------------------------------------
 Jack  |  B   | 1234567890| abcdefghighkelephant@gmail.com| 123 Nowhere, nowhere, tn  | .............................................much more stuff over here

VERSUS 示例 2 - 小模态窗口(能够适应标准 600px)

 first   | last | telephone | email         | address | more...
 -------------------------------------------------------
  Bobby  |  Z   | 1234567890| bob@gmail.com | Here St.| Nothing

我的问题如下:

有没有办法根据表中的实际信息动态计算 CSS WIDTH:？

如果 -100 / -250px 模态确实大到足以容纳信息，这样我就可以避免放置 600px 使模态变小？还是我该死，如果我不这样做，我该死吗？

Answer 1

返回数据的方式很重要。我会使用 Ajax 和 jquery ui。我会通过遍历每个元素并使用 $.length 来计算它来计算每个元素的长度。一旦我得到总数，我将通过执行 width: totalwidth+padding+"px"

来设置对话框宽度