Html 如何在中心获取我的照片_Html_Css

Html 如何在中心获取我的照片

html css

Html 如何在中心获取我的照片,html,css,Html,Css,如何使这些照片都放在网页的中心？这是我的html代码 <html> <body> <div id="travel_photos"> <img style="display: inline; margin: 0 10px; title="branson" src="branson.jpg" alt="" width="150" height="50"/> <img style="display: inline;

如何使这些照片都放在网页的中心？这是我的html代码

<html>
<body>
    <div id="travel_photos">
      <img style="display: inline; margin: 0 10px; title="branson" src="branson.jpg" alt="" width="150" height="50"/>
      <img style="display: inline; margin: 0 10px; title="cancun" src="cancun.jpg" alt="" width="150" height="50"/>
      <img style="display: inline; margin: 0 10px; title="denver" src="denver.png" alt="" width="150" height="50"/>
      <img style="display: inline; margin: 0 10px; title="destin" src="destin.png" alt="" width="150" height="50"/>
      <img style="display: inline; margin: 0 10px; title="PV" src="PV.png" alt="" width="150" height="50"/>

</body>
</html>

如果要将图像水平居中，请尝试以下操作：

HTML:

请试试这个：

<html>
<body>
      <img style="display: block; margin:auto;" title="branson" src="branson.jpg" alt="" width="150" height="50"/>
      <img style="display: block; margin:auto;" title="cancun" src="cancun.jpg" alt="" width="150" height="50"/>
      <img style="display: block; margin:auto;" title="denver" src="denver.png" alt="" width="150" height="50"/>
      <img style="display: block; margin:auto;" title="destin" src="destin.png" alt="" width="150" height="50"/>
      <img style="display: block; margin:auto;" title="PV" src="PV.png" alt="" width="150" height="50"/>

</body>
</html>

你说“居中”、“水平”或“垂直”是什么意思？从纠正语法错误开始。样式属性上缺少结束引号您忘记在样式属性中结束style=”“标记

#travel_photos > img {
  width: 300px;
  height: 100px;
  margin: 0 auto;
  display: block;
}

<html>
<body>
      <img style="display: block; margin:auto;" title="branson" src="branson.jpg" alt="" width="150" height="50"/>
      <img style="display: block; margin:auto;" title="cancun" src="cancun.jpg" alt="" width="150" height="50"/>
      <img style="display: block; margin:auto;" title="denver" src="denver.png" alt="" width="150" height="50"/>
      <img style="display: block; margin:auto;" title="destin" src="destin.png" alt="" width="150" height="50"/>
      <img style="display: block; margin:auto;" title="PV" src="PV.png" alt="" width="150" height="50"/>

</body>
</html>