5SPACE
但是当我这样做使用:
card_cost=card_cost.replace(/\s/g,"");
它搅乱我的css全部结束,对象堆叠在一起,就像它们的位置变成绝对一样。
如何在不破坏我的css或文档流的情况下替换空格?
示例代码:
的Javascript:
card_cost=document.getElementById('card_cost').value;
if(card_cost)
{
card_cost=card_cost.replace(/\d+/g,"$&");
*breaks styling*card_cost=card_cost.replace(/\s/g,"");*breaks styling*
}
document.getElementById('output').innerHTML+="
CSS:
.card_name,.card_image,.card_cost,.card_type,.card_subtype,.card_rarity,.card_rules,.card_flavor,.card_strength,.card_num,.card_lower,.card_costnum
{
position:relative;
z-index:1;
}
.card_cost
{
display:inline-block;
float:right;
clear:right;
}
.card_costnum
{
position:relative;
display:inline-block;
text-align:center;
vertical-align:middle;
background-image:url("numsymbol_small.png");
background-repeat:no-repeat;
width:12px;
height:12px;
margin:1px;
top:-4px;
}
+0
我不明白 - 你在做什么? (我试着回答,但回头看,我不确定这是你的需要了。) –
2012-04-22 17:03:49
+0
使用DOM操作删除空白文本节点而不是正则表达式。并且不要做'.innerHTML + = ...'。对你的DOM做一件很糟糕的事情。 –
2012-04-22 17:05:11
+0
如果你把你的css最小化,你也可以删除所有的新行和'''在url等'看看http://www.codebeautifier.com/ –
2012-04-22 17:05:40