0

次のコード (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>

これを実行すると、最後のタグに新しい行が表示されます。このスクリプトで 1 行を吐き出すにはどうすればよいですか?

結果を示すページは次のとおりです。

4

2 に答える 2

0

グラフィック (タイトルの右側) を表示する空<span></span>(.ribbon スパン) の 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 に答える
0

CSS では、その span 要素が に設定されていdisplay: block;ます。そして、それに設定されたスパンも含まれていますdisplay: block;

于 2012-08-05T13:50:59.640 に答える