使用html将属性居中

使用html将属性居中,html,css,Html,Css,我有一个图片和文字在下面,我怎样才能使两者居中,并使它们在彼此的正下方(宽度相等)。也要把它们放在网页中间,我试过 div:包装器但没有用,有什么想法吗? <?php require "header.php"; ?> <!DOCTYPE html> <html> <body> <img src="Page.jpg" alt="HTML5 Icon" width="1200" height="500"> <

我有一个图片和文字在下面,我怎样才能使两者居中,并使它们在彼此的正下方(宽度相等)。也要把它们放在网页中间,我试过<代码> div:包装器但没有用,有什么想法吗?
 <?php 

 require "header.php";
 ?>
  <!DOCTYPE html>
<html>
  <body>

 <img src="Page.jpg" alt="HTML5 Icon" width="1200" height="500">

 <div style='background-color:gray; color:white;align:center; width:1500; height:500;  position: absolute;'>

 <h3 style= 'font-weight:bold'>TEXT HERE.<br>

TEXT HERE

 </div>
</body>
</html>

此处为文本。
此处文本
您可以使用
figcaption
,在块级元素中使用
边距:auto
将使页面居中


请注意,您的代码中有一些错误:

  • 宽度/高度
    单位较少
  • CSS中的
    align
    是一个不存在的属性,您正在查找
    text align

  • 不要使用内联样式


body,
图形
h3{
保证金:0
}
菲卡普顿{
背景颜色:灰色;
颜色:白色;
文本对齐:居中
}
figcaption,
img{
宽度:500px;
/*更改为演示*/
保证金:自动;
最大宽度:100%;
显示:块
}
img{
高度:500px
}

此处为文本。
此处文本
您可以使用
figcaption
,在块级元素中使用
边距:auto
将使页面居中


请注意,您的代码中有一些错误:

  • 宽度/高度
    单位较少
  • CSS中的
    align
    是一个不存在的属性,您正在查找
    text align

  • 不要使用内联样式


body,
图形
h3{
保证金:0
}
菲卡普顿{
背景颜色:灰色;
颜色:白色;
文本对齐:居中
}
figcaption,
img{
宽度:500px;
/*更改为演示*/
保证金:自动;
最大宽度:100%;
显示:块
}
img{
高度:500px
}

此处为文本。
此处文本
你需要css来实现这一点,我在这里没有看到太多尝试<代码>对齐不是有效的CSS属性。我预计这个问题会因为质量太差而被关闭,而且这个问题以前已经被问过很多次了。根据这个问题的答案,尝试使用
图选项
:你需要css,我在这里没有看到太多尝试<代码>对齐不是有效的CSS属性。我预计这个问题会因为质量太差而被关闭,而且这个问题以前已经被问过很多次了。根据这个问题的答案,尝试使用
图选项
:一个注释(我知道你知道这个@dippas),当使用自动页边距居中时,还需要设置宽度,以便自动页边距工作,即
div{width:500px;margin:0 auto;}
。这是在上面的回答中完成的,但在关于汽车利润率的评论中没有这么多。我对
width+auto margins=centering
有点固执。注意(我知道你知道@dippas),当使用自动边距居中时,还需要设置宽度,以便自动边距工作,即
div{width:500px;边距:0 auto;}
。这是在上面的回答中完成的,但在关于汽车利润率的评论中没有这么多。对于
宽度+自动边距=居中
,我有点固执。