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

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;}