格式化文本中的数字

时间:2013-12-24 15:49:17

标签: javascript html css

我想更改小于数字的“字母”。此外,数字应为粗体。

例如在ABC123DDD8877中我想显示123然后8877比字符大两倍。

如何在html,css或javascript中实现?

2 个答案:

答案 0 :(得分:1)

ABC<span class="num">123</span>DDD<span class="num">8877</span>

然后为.num添加一些CSS ...

body {  /* Assuming "default" font-size of 10pt for your page */
    font-size:10pt;
}
.num {
    font-size:20pt; /* 2 x 10pt = 20pt */
}

示例:http://jsfiddle.net/hubeJ/1/

答案 1 :(得分:1)

您可以使用javascript:

$('#output').html(($('#output').html()).replace(/[0-9]/gi, '<strong>$&</strong>'))

检查输出: http://jsfiddle.net/wLd5E/2/