为border-style添加常量大小：dotted（CSS）

Question

我有一个span与border-style:dotted，我想为此元素添加固定大小。 Example，如果我在此范围内添加文字，则尺寸会自动增加。是否有CSS属性来添加固定大小，即创建一个空的虚线元素？

没有固定大小的代码：

<span style="border-width: 1px; border-style: dotted; font-size: 11pt">
    <font face="David" class="ng-binding">
        &nbsp;
    </font>
</span>

Answer 1

您需要使用display: block;添加width CSS属性。

试试这个：

<span style="display:block; width: 100px; border-width: 1px; border-style: dotted; font-size: 11pt">
    <font face="David" class="ng-binding">
        &nbsp;
    </font>
</span>

width值可以是您想要的任何宽度。我只是以100px为例。

Answer 2

只需添加display:inline-block和width:属性即可。并且元素的大小不依赖于边界。与so一样。