问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

HTML img align="middle" 不对齐图像

社区维基
1
新手上路，请多包涵

我希望图像居中对齐。图像大小以像素为单位固定。

所以我想要的是这样的-

1个 .

我所做的是-

         <!DOCTYPE html>
<html>
<body>

    <img
        src="http://icons.iconarchive.com/icons/rokey/popo-emotions/128/big-smile-icon.png"
        width="42" height="42"
        align="middle"
        style="float: left;
          position: relative;
          display: block;
          margin-left: auto;
          margin-right: auto;
          z-index: 1;"
        >

</body>
</html>

但我越来越-

22

我希望它能够响应。

谁能帮帮我吗？

原文由 Abrar Jahin 发布，翻译遵循 CC BY-SA 4.0 许可协议

Stack Overflow 翻译htmlcss图片
阅读 271
2 个回答
得票最新
社区维基
1
✓ 已被采纳

这个怎么样？我经常使用 CSS Flexible Box Layout 来居中一些东西。

 <div style="display: flex; justify-content: center;">
  <img src="http://icons.iconarchive.com/icons/rokey/popo-emotions/128/big-smile-icon.png" style="width: 40px; height: 40px;" />
</div>

原文由 Kagami Sascha Rosylight 发布，翻译遵循 CC BY-SA 4.0 许可协议

社区维基
1

属性 align=middle 设置 垂直 对齐。要使用 HTML 设置水平对齐方式，您可以将元素包装在 center 元素中并删除您现在拥有的所有 CSS。

 <center><img src=
"http://icons.iconarchive.com/icons/rokey/popo-emotions/128/big-smile-icon.png"
width="42" height="42"></center>

如果你更愿意用 CSS 来做，有几种方法。一个简单的方法是在容器上设置 text-align ：

 <div style="text-align: center"><img src=
"http://icons.iconarchive.com/icons/rokey/popo-emotions/128/big-smile-icon.png"
width="42" height="42"></div>

原文由 Jukka K. Korpela 发布，翻译遵循 CC BY-SA 3.0 许可协议

撰写回答
你尚未登录，登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进，让解决方法与时俱进
推荐问题