0

我有以下代码(在 Rocket Themed 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>

当我运行它时,我在最后一个标签上得到一个新行。我怎样才能让这个脚本吐出一行?

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

4

2 回答 2

0

在您的 CSS 中,您将 span 元素设置为display: block;. 它包含一个跨度也设置为display: block;

于 2012-08-05T13:50:59.640 回答
0

你得到一个换行符,因为<span></span>显示图形(在标题右侧)(.ribbon span)的空白具有CSS样式display:block。这会导致它显示在自己的行上。

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

.ribbon span {background-repeat:no-repeat; padding-right:100px; background-position:100% -205px; min-height:45px; float:right;}
于 2012-08-05T13:54:00.693 回答