html - 向边框样式添加恒定大小 :dotted(CSS)

Question

我有一个带有 border-style:dotted 的 span，我想为这个元素添加一个固定大小。 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 为例。