将页面内容移动到另一个位置?

时间:2012-02-29 18:47:59

标签: html css

嗨我有这个html页面,其中包含一些位于页面最左侧的链接。我想将整个内容移到页面的最右上方。有人可以指导我如何做到这一点谢谢我是css的新手。

<html>
<body>
<script type="text/javascript">
var str="732176086,732176085,735219154,735219155,23948614,23948629,23948628,764488973,764488974,764488975,23948631,732164301,732164304,732164305,732164303,732164302,732168040,832567989,832567988,807573121,807573120,765867299,831150154,831150153,23951065,23952295";
var str_array=str.split(',');

for(var i=0;i<str_array.length;i++)
{

controlRef = document.createElement('a');
var newLine=document.createElement('br');
document.body.appendChild(newLine);
controlRef.href = '#';
controlRef.innerHTML = str_array[i];
controlRef.onclick = (function(element) {
return function() {
    alert(element.innerHTML);
};
})(controlRef);
document.body.appendChild(controlRef); 
}



</script>
</body>
</html>

3 个答案:

答案 0 :(得分:0)

只需在文档中添加一些样式即可。像

body { text-align:right }

答案 1 :(得分:0)

通常这是通过CSS完成的。一个非常简单的示例是将所有锚标记包装在div标签中,其样式属性为float:right。例如......

<div id="myDiv" style="float: right;">

... you'll want your anchor tags appended as children of this element...

</div>

选择带document.getElementById("myDiv").appendChild(controlRef)的div,而不是附加到正文。

注意还有很多其他方法可以实现这一点,通常你不应该像这样操纵DOM。它应该放在window.onload或body onLoad事件中,这是一个init函数。

答案 2 :(得分:0)

<html>下方添加以下内容:

<head>

    <style>
        body {
            float: right;
        }
    </style>

</head>