HTML标题未居中
我正在编写HTML代码。我需要的代码标题在页面的中心。页面标题(标题)包含10个单词 我使用的选项从句子中间开始,然后向右移动。我需要全部HTML标题未居中,html,Html,我正在编写HTML代码。我需要的代码标题在页面的中心。页面标题(标题)包含10个单词 我使用的选项从句子中间开始,然后向右移动。我需要全部 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <style type="text/css"> .Titleline { position: absolute; left: 50
<!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--正确。我知道,所以我不知道为什么我没有提到它。我的意思可能是说
是一个无效的孩子,然后在一系列的思考中迷失了方向。不管怎样,我现在已经更新了答案来纠正这一点:)