求一段html代码，让两三行文字显示在网页正中间，百度了许多代码。都是把文字显示在第一行正中。
我要的是显示在网页中间，不是第一行中间。结果就是打开这个网页，在这个网页中间会显现文字。谢谢了...
我要的是显示在网页中间，不是第一行中间。
结果就是打开这个网页，在这个网页中间会显现文字。
谢谢了 展开
结果就是打开这个网页，在这个网页中间会显现文字。
谢谢了 展开
3个回答
展开全部
很简单，给你写个小例子吧：
<html>
<head>
<script type="text/javascript" language="javascript">
function resizeFrame(){
var vH=document.getElementById("middle").offsetHeight;
var y=(parseInt(document.documentElement.clientHeight)-vH)/2;
var vW=document.getElementById("middle").offsetWidth;
var x=(parseInt(document.documentElement.clientWidth)-vW)/2;
document.getElementById("middle").setAttribute("style", "margin-top:"+y+"px;margin-left:"+x+"px;");
}
window.onresize=resizeFrame;
window.onload=resizeFrame;
</script>
</head>
<body >
<div id="middle" style="position:absolute;">
文字居中显示！<br/>
文字居中显示！<br/>
文字居中显示！<br/>
</div>
</html>
<html>
<head>
<script type="text/javascript" language="javascript">
function resizeFrame(){
var vH=document.getElementById("middle").offsetHeight;
var y=(parseInt(document.documentElement.clientHeight)-vH)/2;
var vW=document.getElementById("middle").offsetWidth;
var x=(parseInt(document.documentElement.clientWidth)-vW)/2;
document.getElementById("middle").setAttribute("style", "margin-top:"+y+"px;margin-left:"+x+"px;");
}
window.onresize=resizeFrame;
window.onload=resizeFrame;
</script>
</head>
<body >
<div id="middle" style="position:absolute;">
文字居中显示！<br/>
文字居中显示！<br/>
文字居中显示！<br/>
</div>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
把三段文字写在一个层里面，就是说写在一个div里面，然后用css把它定位到网页正中间，望采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
给文字添加下面的css，采用相对布局的方式，距离左边的距离是40%，上边的距离是300px，可以根据需要改动，设置了width和overflow属性，可以使文字较多的时候自动换行，并且高度自适应
p{position:relative ;left:40%;top:300px;padding:2px 5px;overflow:hidden;width:200px; }
p{position:relative ;left:40%;top:300px;padding:2px 5px;overflow:hidden;width:200px; }
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
