如何制作一个不会根据其内部文本收缩/扩展的 DIV 容器？

Question

基本上我想使用 div 容器制作一个按钮。 这是一个播放/暂停按钮，我在按钮内使用的符号是粗体“ll”表示暂停，符号“►”表示播放。

但是，当我在按钮内使用 javascript 切换符号时。 div 的宽度也会改变。 由于符号“►”比粗体“ll”稍宽。

那么如何使 div 具有固定宽度，以便“div-box”不会缩小或扩大？

谢谢！

Answer 1

搞定了，实际上是display:inline-block; 有效，但不适用于所有浏览器。 我最终找到了一个很好的解决方案，即使用<button> ，它本身就是一个内联 div，您可以修改它的尺寸。