Question

我想在某些文字周围创建一个带框的边框，特别是数字。但我希望盒子的大小相同，无论是单个数字还是三位数字。我尝试了几件事，但每次边界只包裹数字。这个数字将用标签包装。

strong{

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

Answer 1

你必须给该元素一个固定的宽度

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

http://jsfiddle.net/Lcpvgykr/

Answer 2

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

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

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

Answer 3

我建议在这种情况下使用speed标记（请记住，你可以在div中放置一个div！），因为它看起来整洁，你可以非常巧妙地做到。然而，也可以用＆＃39; <div>＆＃39;做出这样的事情。在CSS样式表上，但我不建议这样做，因为它效率低于div。当你编写围绕这些数字的div时，为它们定义一个类。让我们说padding:x（介于那个数字之间），然后转到CSS样式表并在花括号设计中写出<div class="numberBoxes"></div>边框（记得放置div的宽度和高度！它赢了＆＃39; t出现，如果你没有！）

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

3 个答案: