jquery - 添加新数据后停止调整元素大小？

Question

我正在使用 Express/Jade/socket.io 开发一个简单的聊天室应用程序。不幸的是我的 html/css 知识不是很好。我一直在使用 bootstrap 并且我的应用程序正在运行。问题在于，当屏幕首次加载(或任何后续刷新)时，数据从服务器传递到 Jade 模板并用于更新 2 个按钮徽章和面板标题。发生这种情况时，所有 3 个元素首先清除所有值，然后填充它们，导致它们移动位置，如图 here 所示。

我需要更改什么才能停止这种情况？我应该通过 CSS 设置位置吗？我尝试了 absolute、static 和 fixed 但无济于事。我还考虑过用一些初始虚拟文本预先填充元素，这将使它们的大小正确，然后将文本设置为隐藏，用从服务器传递的新数据覆盖它，但这看起来真的很笨拙而且我'我确信有一种巧妙的方法可以做到这一点，但我不知道那是什么。

Answer 1

您可以为按钮设置最小宽度，为面板标题设置最小高度，例如

#button1 {min-width: 120px;}
#button2 {min-width: 100px;}