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

新手上路,请多包涵

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

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

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

阅读 216
2 个回答

你必须给那个元素一个固定的 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 许可协议

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

 #theDiv {
  width: 300px;
  border: solid red 2px;
}
 <div id="theDiv">
  Your Content
</div>

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
logo
Stack Overflow 翻译
子站问答
访问
宣传栏