Css 如何使DIV容器不根据其内部文本进行收缩/扩展？

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

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

那么，如何使div具有固定的宽度，以便“div box”不会收缩或膨胀

---

谢谢！

修复了它，实际上显示：内联块可以工作，但不是所有浏览器都同意。我最终找到了一个好的解决方案，它本身就是一个内联div，你可以修改它的尺寸。

它不起作用，我尝试了宽度：8px！重要；还有宽度：8000px！重要；它们没有区别。似乎宽度只取决于您的div是否设置了“display:inline”属性？您可以发布代码吗？是的，我有display inline按钮{显示：内联；宽度：8000px！重要；高度：12px！重要；左侧填充：5px；右侧填充：5px；边框：1px#D7D7D7实心；文本对齐：中间；文本装饰：无；颜色：336699；背景：fcfcfc！重要；垂直对齐：10px；}谢谢，所有，我已经解决了。我需要使用“显示：内联块”“要实现这一点。顺便问一下，有人知道此属性的浏览器兼容性吗？大多数浏览器都支持它吗？谢谢！对于任何HTML或CSS项目上的浏览器兼容性表来说，这都是一个很好的资源。此外，您还需要确保回答并接受您的问题，以便其他人可以找到您的解决方案。”（并确保您的问题得到回答）在以后的搜索中。