如何将空间视为角色

Question

我正在尝试创建“打字练习”网站。在他们想要展示空间的同时，下一个打字字符使用背景显示：绿色。它也适用于每个角色空间，但当空间出现在行尾时，背景颜色将不适用于空白区域。

我在span中写道并应用了以下css

    if(char)==" ")
        temp_space="background-color: green;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-moz-box-shadow: 0 1px 4px green;-webkit-box-shadow: 0 1px 4px green;box-shadow: 0 1px 4px green;";
    else
        temp_space="";

'<span id="aa'+const_count+'" style="background:green;'+temp_space+'"><u>'+next_character+'</u>'

Answer 1

您应该添加一个不间断的空格 ，而不是在那里放置常规空格。