如何仅使用HTML将简单文本与页面的垂直中心对齐_Html

如何仅使用HTML将简单文本与页面的垂直中心对齐

html

如何仅使用HTML将简单文本与页面的垂直中心对齐,html,Html,我希望文本Hello World位于页面的中心这是我的代码，但不起作用： <html> <head> <style type="text/css"> body { text-align: center; } </style> </head> <body> <center>Hello world</center> </body> </html&g

我希望文本Hello World位于页面的中心

这是我的代码，但不起作用：

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


正文{文本对齐：居中；}
你好，世界

我不想使用div标记

请尝试以下操作：

<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>


正文{文本对齐：居中；页边距顶部：50%；}
p{边距：自动；
颜色：蓝色；}
你好，世界

试试这个：

<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>


正文{文本对齐：居中；页边距顶部：50%；}
p{边距：自动；
颜色：蓝色；}
你好，世界

试试这样的方法

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>


你好，世界

演示：

试试这样的东西

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>


你好，世界

演示：

将文本对齐到中心很容易，只需使用：

<html>
   <head>
   </head>
   <body>
      <p style="text-align:center">Hello world</p>
   </body>
</html>


你好，世界

将文本对齐到中心很容易，只需使用：

<html>
   <head>
   </head>
   <body>
      <p style="text-align:center">Hello world</p>
   </body>
</html>


你好，世界

您可以在不使用

解决方案的情况下这样尝试，但我不确定在向页面添加更多样式时它是否有效

<html>
<head>
   <style type="text/css">
      p  { 
           margin-top: 25%; 
           text-align: center; 
           color: blue; 
         }
   </style>
</head>
   <body>
       <p>Hello world</p> 
   </body>
</html>


p{
利润率最高：25%；
文本对齐：居中；
颜色：蓝色；
}
你好，世界

您可以在不使用

解决方案的情况下这样尝试，但我不确定在向页面添加更多样式时它是否有效

<html>
<head>
   <style type="text/css">
      p  { 
           margin-top: 25%; 
           text-align: center; 
           color: blue; 
         }
   </style>
</head>
   <body>
       <p>Hello world</p> 
   </body>
</html>


p{
利润率最高：25%；
文本对齐：居中；
颜色：蓝色；
}
你好，世界

不要使用，它已弃用dit正在工作检查此标记和

是否弃用标记顺便说一句，它可能来自it@c_kick请帮助我做这件事，我很久没做了time@kidwon但这不是页面中间的位置，试试这个@Goofy别用，它的弃用编辑正在工作检查此和

是否弃用标记顺便说一句，它可能来自it@c_kick请帮助我做这件事，我很久没做了time@kidwon但是它不是页面的中间部分。试试这个@Goofy，我们可以不用表格来实现它吗？表格不应该用于页面布局。它们应该只用于显示数据。我同意你的观点，但我想只使用HTMLCA来实现它，而不使用表格？表格不应该用于页面布局。它们应该只用于显示数据。我同意你的观点，但我只想使用HTML@Goofy试试“利润率最高：50%”。我测试并参与了你的演示@高飞尝试“利润率最高：50%”。我测试并参与了你的演示！