我能'；HTML中的t中心图像_Html_Image

我能'；HTML中的t中心图像

html image

我能'；HTML中的t中心图像,html,image,Html,Image,以下是片段：我不知道它怎么了。我甚至查了其他来源。没有任何帮助欢迎来到普里耶博物馆南印度食品世界我想这就是你要做的，用以下代码段有效： .container img{ 显示：块；保证金：0自动； } 欢迎来到普里耶博物馆南印度食品世界图像可能会在其自身中心对齐，但图像旁边有空间不是图像的一部分尝试将属性style=“左边距：自动；右边距：自动；”添加到图像中据我所知，您还可以添加标签marginleft=“auto”marginright=“auto” 这会将左右两侧

以下是片段：

我不知道它怎么了。我甚至查了其他来源。没有任何帮助


欢迎来到普里耶博物馆
南印度食品世界

我想这就是你要做的，用

以下代码段有效：

.container img{
显示：块；
保证金：0自动；
}


欢迎来到普里耶博物馆
南印度食品世界

图像可能会在其自身中心对齐，但图像旁边有空间不是图像的一部分

尝试将属性

style=“左边距：自动；右边距：自动；”

添加到图像中

据我所知，您还可以添加标签

marginleft=“auto”marginright=“auto”

这会将左右两侧的空间设置为相等

顺便说一句，将与设计相关的所有内容移动到外部css文件是一种很好的模式。

注意
标记和
标记在html 5中不受欢迎。

为正文设置

text align:center

，或将图像放入div并赋予div样式

text align:center

你可以试试别的办法例如：

<!DOCTYPE html>
<html>
<body>

  <h1 style="text-align:center; font-family: Narkisim; color:maroon;">Welcome to Preeyah Museum</h1>

  <h2 style="text-align:center; font-family: Narkisim; color:black;">World of South Indian Food</h2>

  <div style="text-align:center">
    <img src="southIndiaMap.jpg" width="300" height="300" alt="South India States">
  </div>


<body


欢迎来到普里耶博物馆
南印度食品世界
尝试在img标记中添加样式
<!DOCTYPE html>
<html>
<body>
    <h1><center><font face="Narkisim" color="maroon">Welcome to Preeyah Museum</font></center></h1>
    <h2><center><font face="Narkisim" color="black">>World of South Indian Food</font></center></h2>
    <img  style="display: block; margin-left: auto; margin-right: auto; " src="southIndiaMap.jpg" height="300" width="300" alt="South India States" align="center">
</body>
</html>


欢迎来到普里耶博物馆
>南印度食品世界
我想你应该把html和css链接起来。。。
<!DOCTYPE html>
<html>
<body>
    <h1><center><font face="Narkisim" color="maroon">Welcome to Preeyah Museum</font></center></h1>
    <h2><center><font face="Narkisim" color="black">>World of South Indian Food</font></center></h2>
    <img  style="display: block; margin-left: auto; margin-right: auto; " src="southIndiaMap.jpg" height="300" width="300" alt="South India States" align="center">
</body>
</html>