Javascript 以HTML/CSS为中心制作文本和图片
我正在为我的html/css/javascript类创建一个网站。我有一个自行车的文字和图片，我希望它都居中（WWF的文字只是一些东西，以保持，直到我得到更多的自行车信息）。我不希望文本在整个页面中传播，而是在左右各传播一英寸左右。图像也是这样 我是HTML/CSS/Javascript新手。我去了w3教程，但找不到解决方案 非常感谢你们，我非常感谢你们的工作 这是我当前的代码：Javascript 以HTML/CSS为中心制作文本和图片,javascript,html,css,Javascript,Html,Css,我正在为我的html/css/javascript类创建一个网站。我有一个自行车的文字和图片，我希望它都居中（WWF的文字只是一些东西，以保持，直到我得到更多的自行车信息）。我不希望文本在整个页面中传播，而是在左右各传播一英寸左右。图像也是这样 我是HTML/CSS/Javascript新手。我去了w3教程，但找不到解决方案 非常感谢你们，我非常感谢你们的工作 这是我当前的代码： window.onscroll=function（）{ myFunction（） }; var navbar=do
window.onscroll=function（）{
myFunction（）
};
var navbar=document.getElementById（“navbar”）；
var sticky=navbar.offsetTop；
函数myFunction（）{
如果（window.pageYOffset>=粘性）{
navbar.classList.add（“粘性”）
}否则{
navbar.classList.remove（“粘性”）；
}
}正文{
保证金：0自动；
字体系列：Arial、Helvetica、无衬线字体；
背景：#8E8E8E
}
.内容{
字号：17px；
文本对齐：居中；
}
页脚{
背景色：#975026；
填充：10px；
文本对齐：居中；
颜色：1BEF0A；
}
导航{
文本对齐：居中；
}
保险商实验室{
显示：内联块；
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景色：#333；
保证金：0自动；
}
李{
浮动：左；
}
李阿{
显示：块；
颜色：白色；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
li a:悬停：未（.active）{
背景色：#111；
}
.主动{
背景色：#791519；
}
保险商实验室{
显示：内联块；
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景色：#333；
保证金：0自动；
}
有趣的东西
非常有趣的东西
世界自然基金会
世界自然基金会（WWF）是一个致力于环境保护、研究和恢复问题的国际组织，前身为世界野生动物基金会。世界自然基金会成立于1961年
世界自然基金会
世界自然基金会（WWF）是一个致力于环境保护、研究和恢复问题的国际组织，前身为世界野生动物基金会。世界自然基金会成立于1961年
一些文本以启用滚动。。Lorem ipsum dolor sit amet，illum定义为“不存在”，maluisset结论为“不存在”，altera fabulas为“不存在”。因为荣耀的原因，我永远爱你。红背飞虱
他的广告上写着“没有胎记”
一些文本以启用滚动。。Lorem ipsum dolor sit amet，illum定义为“不存在”，maluisset结论为“不存在”，altera fabulas为“不存在”。因为荣耀的原因，我永远爱你。红背飞虱
他的广告上写着“没有胎记”
一些文本以启用滚动。。Lorem ipsum dolor sit amet，illum定义为“不存在”，maluisset结论为“不存在”，altera fabulas为“不存在”。因为荣耀的原因，我永远爱你。红背飞虱
他的广告上写着“没有胎记”
联系我们！北卡罗来纳州任何地方大街123号，邮编99999*|电话：（919）123-4567传真：（917）123-8901 |推特和Facebook
div{
位置：绝对位置；
最高：50%；
左：50%；
文本转换：翻译（-50%，-50%）
这是一个块
<!DOCTYPE html>
<html>
<head>
<meta name="viewport"
content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="styles.css">
<style>
body {
margin: 0 auto;
font-family: Arial, Helvetica, sans-serif;
background: #8E8E8E
}
.content {
font-size: 17px;
text-align: center;
}
footer {
background-color: #975026;
padding: 10px;
text-align: center;
color: #1BEF0A;
}
</style>
</head>
<header>
<div class="content">
<a href="home.html">
<img src="vmoto.gif"
alt="vmoto"
width="1050"
height="163">
</a>
</div>
</header>
<body>
身体{
保证金：0自动；
字体系列：Arial、Helvetica、无衬线字体；
背景：#8E8E8E
}
.内容{
字号：17px；
文本对齐：居中；
}
页脚{
背景色：#975026；
填充：10px；
文本对齐：居中；
颜色：1BEF0A；
}
此处输入代码…此处的所有可见内容您好Francis，欢迎使用Stack Overflow。作为将来的参考，您可能希望您的问题只包含最少的代码，以便社区更容易帮助您解决问题。很高兴了解mcve，谢谢BarrsosyItrongly建议不要使用绝对定位，这里根本不需要。似乎margin:0 auto
更合适。非常感谢！我希望这能帮助其他使用HTML的人。非常感谢所有回复帮助我的人和stackoverflow规则：）