如何將CSS span應用於沒有換行符的連接字符串？

我有下面的代碼（在火箭主題Joomla網站），我似乎無法獲得Javascript刪除換行符，當我添加最後一個標記。這裏是腳本：如何將CSS span應用於沒有換行符的連接字符串？

<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>

當我運行這個我得到一個新的行上的最後一個標記。我怎麼才能讓這個腳本吐出一行？

下面是該結果的頁面：How it looks now

來源

2012-08-05 Rick Houghton

在你的CSS你必須設置爲display: block;跨度元素。它包含一個跨度也設定爲display: block;

來源

2012-08-05 13:50:59 nnnnnn

謝謝！完美工作... – 2012-08-05 23:38:25

你得到一個換行符，因爲空<span></span>顯示圖形（在標題的右側）（.ribbon跨度）爲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;}

來源

2012-08-05 13:54:00

如何將CSS span應用於沒有換行符的連接字符串？

回答

相關問題