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:centerためtop:50%、p.titletext常にposition:relative中央に配置されます

于 2012-06-05T09:40:22.117 に答える