0

HelloWorldというテキストをページの中央に配置したい

これは私のコードですが、機能していません：

<html>
<head>
    <style type="text/css">
       body { text-align: center; }
    </style>
    </head>
<body>
<center>Hello world</center>
</body>
</html>

divタグを使いたくない

4

4 に答える 4

2

これを試して： 

<html>
<head>
    <style type="text/css">
       body { text-align: center; margin-top:50%; }
    p{margin:auto;
       color:blue;}
    </style>
    </head>
<body>
<p>Hello world</p>
</body>
</html>
于 2013-01-10T13:08:08.663 に答える
2

このようなことを試してください

HTML

<html style="width:100%;height:100%">
    <body style="width:100%;height:100%">
        <table cellpadding="0" cellspacing="0" width="100%" height="100%">
            <tr>
                <td align="center" valign="middle" width="100%" height="100%">
                    <p>Hello world</p>
                </td>
            </tr>
        </table>
    </body>
</html>

デモ: http://jsfiddle.net/enve/8MEwY/2/

于 2013-01-10T13:11:17.037 に答える
0

解決策なしでこのように試すことができますが<table>、ページにスタイルを追加したときに機能するかどうかはわかりません。

<html>
<head>
   <style type="text/css">
      p  { 
           margin-top: 25%; 
           text-align: center; 
           color: blue; 
         }
   </style>
</head>
   <body>
       <p>Hello world</p> 
   </body>
</html>
于 2013-01-10T13:30:58.710 に答える
0

テキストを中央に揃えるのは簡単です。次を使用するだけです。

<html>
   <head>
   </head>
   <body>
      <p style="text-align:center">Hello world</p>
   </body>
</html>
于 2013-01-10T13:21:04.697 に答える