1
<!DOCTYPE html>
<html>
<head>

<style type="text/css">
p.titletext
{
font-family:"arial";
font-size:50px;
position:relative;
left:425px;
top:10px;
}
</style>
</head>

<body>
<p class="titletext">Hello World.</p>

</body>
</html>

我在问是否有任何东西可以处理文本定位,从而在页面展开/收缩时实际上将文本保持在其位置。换句话说,我希望根据页面大小来定位文本。例如,如果我新建一个段落并将其居中对齐,那么无论窗口大小,文本将始终保持居中。有没有办法在根据自己的喜好设置文本位置时实现这一点?

4

2 回答 2

1

试试这个方法

body{text-align:center;}
p.titletext
{
font-family:"arial";
font-size:50px;
}

更新:-对于水平和垂直

<style type="text/css">

p.titletext
{ position:absolute; top:50%; left:50%; height:2em; margin-top:-1em; width:40%; margin-left:-20%;text-align:center; 
font-family:"arial";
font-size:50px;
}
</style> 
于 2012-06-05T09:40:08.517 回答
1

这可以通过text-align:centerand top:50%inp.titletext和 remove完成,position:relative因此它将始终位于中心

于 2012-06-05T09:40:22.117 回答