可以有一个CSS字体大小?

时间:2013-08-10 16:56:46

标签: html css css3 font-size

我正在运行添加

的脚本
 

对于标记,以防我的脚本没有返回任何文本来填充按钮元素。

问题是,虽然跨度有空间,但是元素的高度是错误的。

问题
有没有办法给 nbsp; 提供font-size?毕竟,它是一个空格,所以它应该尊重在元素上设置的字体大小?

3 个答案:

答案 0 :(得分:4)

可以用HTML表示为&nbsp;的不间断空格与可打印字符的处理方式相同,只需使用空字形。这意味着字体大小会影响它,并且可以在任何可打印字符上设置字体大小。如果您希望使其字体大小与相邻字符的字体大小不同,则需要将其包装在一个元素中,例如: <span class=nobr>&nbsp;</span>,并在其上设置font-size

如果不间断空格是button元素的唯一内容,例如<button ...>&nbsp;</button>,然后您只需在该元素上设置font-size即可。请注意,按钮的大小还取决于其内容的line-height以及浏览器中按钮的渲染算法(使按钮大于其内容的大小)。

你真正的问题可能是非常不同的,最好以完全不同的方式解决,但是为了记录,这是对问题的回答。

答案 1 :(得分:2)

没有必要在按钮上放一些东西来给它一个大小。

以下是如何给出20x20尺寸的按钮:

HTML:

 <button id=a></button>

CSS:

#a {
  weight:20px;
  height:20px;
}

Demonstration

答案 2 :(得分:0)

是肯定的。空格也被视为文本,它将调整其填充的按钮的大小。 check this demo

HTML

<button class="button1">&nbsp;

CSS

.button1
{
    font-size: 22px;
}