如何将CSS跨度应用于没有换行符的串联字符串

How can I apply CSS span to a concatenated string with NO line breaks?

本文关键字：换行符 字符串 应用于 CSS      更新时间：2023-09-26

我有以下代码（在Rocket主题的Joomla网站中），当我添加最后一个标记时，我似乎无法使用Javascript删除换行符。这是脚本：

<head>
<script type="text/javascript">
var d = new Date();
var date = d.getDate();
var day = d.getDay();
function schoolDay5(){
//weekNo = Math.ceil(date/7); //See bottom of the page to see how it works
if (date%2 == 0)
return 2;
else
return 1;
}
window.onload=function(){
var str= "<span class='promo1 ribbon'>" + "Welcome to Stephen Leacock it is day " + schoolDay5()+ "<span>";
document.getElementById('notice').innerHTML=str;
}
</script>
</head>
<body>
<div id="notice"></div>
</body>

当我运行这个时，我在最后一个标签上得到了一条新行。我怎么能让这个脚本只吐出一行呢？

这是显示结果的页面：它现在的样子

在CSS中，span元素设置为display: block;。它包含一个也设置为display: block; 的span

您得到了一个换行符，因为显示图形（标题右侧）的空<span></span>（.bribbon span）具有display:block的CSS样式。这导致它显示在自己的行上。

要解决此问题，请删除display:block并添加float:right。

.ribbon span {background-repeat:no-repeat; padding-right:100px; background-position:100% -205px; min-height:45px; float:right;}
相关文章：