文本周围的 CSS 框，设置框大小

Question

我想在一些文本周围创建一个框框边框，特别是数字。但我希望盒子大小相同，无论它是一位数还是三位数。我已经尝试了几件事，但每次边框都只是包裹数字。该号码将用 <strong> 标签包装。

 strong{
    border: 1px;
    border-style: solid;
    font-size:12px;
}

原文由 Shawn Sonnier 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

你必须给那个元素一个固定的 width

 strong {
    display: inline-block;
    width: 50px;
    border: 1px solid #000;
    text-align: center;
}

http://jsfiddle.net/Lcpvgykr/

原文由 evrim oku 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

如评论中所述，使用固定宽度的 div 包装文本，并为 div 设置边框样式。这是一个活生生的例子：

 #theDiv {
  width: 300px;
  border: solid red 2px;
}

 <div id="theDiv">
  Your Content
</div>

原文由 Maximillian Laumeister 发布，翻译遵循 CC BY-SA 3.0 许可协议