Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
HTML标题未居中_Html - Fatal编程技术网

HTML标题未居中

HTML标题未居中,html,Html,我正在编写HTML代码。我需要的代码标题在页面的中心。页面标题(标题)包含10个单词 我使用的选项从句子中间开始,然后向右移动。我需要全部 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <style type="text/css"> .Titleline { position: absolute; left: 50

我正在编写HTML代码。我需要的代码标题在页面的中心。页面标题(标题)包含10个单词

我使用的选项从句子中间开始,然后向右移动。我需要全部

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">

  <style type="text/css">
    .Titleline {
      position: absolute;
      left: 50%;
      width: 546px;
      height: 74px;
      font-family: TimesNewRomanPSMT;
      font-size: 35px;
      line-height: 1.06;
      color: #222222;
    }
  </style>
</head>

<body>
  <table>
    <tr>
      <center class="Titleline">You are one step closer to <br/>the experience of a life time</center>
    </tr>
  </table>


</body>

</html>

.标题行{
位置:绝对位置;
左:50%;
宽度:546px;
高度:74px;
字体系列:TimesNewRomanPSMT;
字体大小:35px;
线高:1.06;
颜色:#22222;
}
你离人生的体验又近了一步
你可以看到句子从中间开始,但向右移动


这个问题可以解决吗

您的HTML无效。原因有两个:

  • 标记已弃用。(有些浏览器确实支持它们)
  • 不能是
    的直接后代,它应该是
    。将该类用于
    td
  • 更好的代码应该是:

    .Titleline{
    /*位置:绝对位置;
    左:50%;
    宽度:546px;
    高度:74px;
    */
    字体系列:TimesNewRomanPSMT;
    字体大小:35px;
    线高:1.06;
    文本对齐:居中;
    }
    桌子{
    宽度:100%;
    }
    
    你离人生的体验又近了一步
    
    存在许多问题:

    • ;不要用它
    • 您有无效的标记
      的唯一有效子项
    • 您将一起使用,这使得文本以50%的偏移量开始;它并没有把它集中起来
    我建议将切换
    添加到
    ,并将添加到
    .Titleline
    ,以便将其集中。请记住,您的
    .Titleline
    上还有一个固定的,需要删除。您还需要将
    width:100%
    添加到
    表格
    ,这样它就占据了全部可用宽度(这样文本就可以居中)。这可以在以下示例中看到:

    .Titleline{
    字体系列:TimesNewRomanPSMT;
    字体大小:35px;
    线高:1.06;
    颜色:#22222;
    文本对齐:居中;
    }
    桌子{
    宽度:100%;
    }
    
    你离人生的体验又近了一步
    
    
    .标题行
    {
    位置:绝对位置;
    文本对齐:居中;
    宽度:546px;
    高度:74px;
    字体系列:TimesNewRomanPSMT;
    字体大小:35px;
    线高:1.06;
    颜色:#22222;
    }
    你离人生的体验又近了一步
    
    使用验证器。编写有效的HTML。不要将表格用于布局。将绝对定位视为最后手段。从我的复制?没有解释<代码>:)太好了…谢谢你的工作,这有助于我修复它。非常感谢
    的唯一有效子项-还有
    。@Quentin--正确。我知道,所以我不知道为什么我没有提到它。我的意思可能是说
    是一个无效的孩子,然后在一系列的思考中迷失了方向。不管怎样,我现在已经更新了答案来纠正这一点:)