程序员经验分享-hwhale

HTML imgalign=“middle”不对齐图像

2023-12-21

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

所以我想要的是这样的——

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>

但我越来越-

我希望它具有响应能力。

有人可以帮我吗？


属性align=middle sets vertical结盟。要使用 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>
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

html

css

image

HTML imgalign=“middle”不对齐图像 的相关文章

  • 角度斜线被编码

    我和这个人有同样的问题 angularjs slash after hashbang gets encoded https stackoverflow com questions 17530924 angularjs slash after

  • Chrome 中的混合混合模式问题

    我一直在尝试在包含 css 不透明度过渡实例的页面上使用混合混合模式 似乎正在发生的情况是 包含 mix blend mode 的 div 在过渡期间 或者更确切地说 在动画进行过程中 显示得与没有混合模式时一样 我只发现这是 Chrome

  • SASS for 循环更新 hsla 亮度返回错误 $lightness: "96.77419" 不是 `hsla' 的数字

    我试图循环一定次数 逐渐降低 hsla 的亮度值 但是当我运行循环时 出现错误 lightness 96 77419 is not a number forHSLA 谁能告诉我哪里出了问题或者如何改进 Code iterations 31

  • 用于 Mysql 查询的 FLASK HTML 字段

    你好 Stackoverflow 社区 我是 FLASK 的新手 但是虽然学习曲线非常陡峭 但有一个项目我无法理解 我使用一个非常简单的 HTML 搜索表单 用户在其中输入城市名称 此输入将传递到 Mysql 查询并将输出返回到表中 一切正

  • 使用 Flexbox 时 Apex 图表无法正确调整大小

    最近 我将 Floats 更改为 FlexBox 以便更轻松地使用面板 正如我在其他问题上所建议的那样 虽然大多数事情都按我的预期工作 但更改后我在使用 Apex Charts 时遇到了问题 完整代码在这里 https github com

  • 继续使用 sketch.js 编辑草图图像 [关闭]

    Closed 这个问题需要细节或清晰度 help closed questions 目前不接受答案 我正在使用 sketch js 中的示例 http intridea github io sketch js http intridea g

  • 我应该使用媒体查询来定位哪些设备/推荐尺寸？

    我是响应式网页设计的新手 并且感到困惑 因为对于使用哪些媒体查询以及要定位哪些设备有不同的偏好 有标准吗 我想定位 iPhone iPad 和其他流行设备 我在网上找到了这个 Smartphones portrait and landsca

  • Sitecore 多种 RTE 类样式

    我可以为 RichTextEditor RTE 添加 CSS 样式路径 如下所示 并且我可以在 RTE 中选择定义的样式

  • 不透明动画在 IE 上不起作用

    我有一个动画菜单 其中包含一些级联不透明动画 这些动画在打开菜单和悬停每个按钮时执行 它只是每 100 毫秒向菜单上的每个图标添加 colorHigh 类 你可以看到一个现场演示在这里 http germanalvarez net 5 la

  • height:100% 在 Internet Explorer 中不起作用

    我有一个关于 CSS 属性的问题height 100 在 Internet Explorer 中 height 100 在 IE 中不起作用 但在 Firefox 和 Chrome 中可以 HTML 文件 div ul ul div

  • HTML5 画布在缩放和旋转后平移

    我正在尝试用画布做一些事情 首先 我让用户上传图像 如果图像比我想要的大 我需要将其缩小 那部分工作得很好 最近我们遇到了 iPhone 用户上传图像的问题 这些都存在方向问题 我已经弄清楚如何提取方向 我的问题是当我操纵画布中的图像时会发

  • 如何使用C从http下载文件？

    最近几天我试图弄清楚如何从 URL 下载文件 这是我对套接字的第一个挑战 我用它来了解协议 所以我想在没有 cURL 库的情况下只用 C 语言来完成它 我搜索了很多 现在我可以打印页面的源代码 但我认为这与文件不同 我不必只将接收到的数据从

  • OpenCV非旋转图像拼接

    我正在 OpenCV 中进行图像拼接 从不同位置拍摄平面场景的照片并尝试构图全景图 我修改了缝合示例以满足我的需要 openCV 拼接管道的问题是 它假设相机纯粹旋转 但对我来说情况并非如此 当拍摄的照片与场景完全正交时 没有相机旋转 只是

  • Phantomjs page.content 未检索页面内容

    我使用 Phantomjs 来抓取使用 JavaScript 和 Ajax 加载动态内容的网站 我有以下代码 var page require webpage create page onError function msg trace v

  • 不透明度如何影响元素顺序？

    我发现 CSS 有一个非常奇怪的行为opacity与浮动元素相结合 考虑以下 HTML div div Right button div div div Overlay div 最后div将覆盖前两个浮动的 删除不透明度会将最新的 div

  • 使用 Laravel Intervention 库缓存动态图像不起作用

    我目前正在使用 Laravel 5 并利用干预图像集成 http image intervention io http image intervention io 我动态地使用它 因此图像具有如下 URL http example org

  • 将 SVG 下载为 PNG 图像

    我想将 HTML 页面中的 SVG 元素下载为 PNG 格式 我尝试了此操作 但下载了一个空白的 PNG 图像 如何将我的 HTML SVG 下载为 PNG 我用过这个https bl ocks org biovisualize 81878

  • 垂直滚动，与 div/元素/锚点对齐/对齐

    我发现了一些可爱的网站 http www mini jp event campaign big point http www mini jp event campaign big point http www twenty8twelve c

  • 使用 JavaScript 和 HTML 打印表情符号

    为什么这有效 p x1f604 p 而这并没有 document getElementById emoji innerHTML String fromCharCode parseInt 1f604 16 JS 术语中的 char 实际上是一

  • 带预览和进度栏的 Twitter Bootstrap 图像上传

    我如何使用 Twitter Bootstrap 上传带有预览和进度条的单个图像 目前 在保存图像之前 我看不到上传图像的任何预览或进度条 Jasny 的 Bootstrap 分支让您能够接近这一点 看文档 http jasny github

随机推荐

  • SpringBoot代码混淆与反混淆加密工具详解

    目录 反编译 混淆 正文 一共就两步 无需源码 直接对ipa文件进行混淆加密 打开要处理的IPA文件 设置签名使用的证书和描述文件 开始ios ipa重签名 简单就是把代码跑一哈 然后我们的代码 java文件 就被编译成了 class 文件

  • 38条Web测试经验分享

    2024软件测试面试刷题 这个小程序 永久刷题 靠它快速找到工作了 刷题APP的天花板 CSDN博客 文章浏览阅读1 9k次 点赞85次 收藏11次 你知不知道有这么一个软件测试面试的刷题小程序 里面包含了面试常问的软件测试基础题 web自

  • 详解数据科学自动化与机器学习自动化

    过去十年里 人工智能 AI 构建自动化发展迅速并取得了多项成就 在关于AI未来的讨论中 您可能会经常听到人们交替使用数据科学自动化与机器学习自动化这两个术语 事实上 这些术语有着不同的定义 如今的自动化机器学习 即 AutoML 特指模型构

  • winrssrv.dll文件缺少导致程序无法启动问题

    其实很多用户玩单机游戏或者安装软件的时候就出现过这种问题 如果是新手第一时间会认为是软件或游戏出错了 其实并不是这样 其主要原因就是你电脑系统的该dll文件丢失了或没有安装一些系统软件平台所需要的动态链接库 这时你可以下载这个winrssr

  • RPA机器人助力义务教育招生随机派位系统

    作为一名教育行业从业者 我深切地感受到招生工作中的繁琐和低效 每年招生季 我们需要处理大量的报名信息 进行筛选和录取工作 然而 由于人力资源有限 往往会出现疏漏和错误 给招生工作带来了不小的困扰 幸运的是 我们发现了八爪鱼RPA这一强大的工

  • 浏览器原理篇—渲染原理

    目录导航 为什么要学习浏览器的渲染原理 浏览器的渲染流程 浏览器的渲染阻塞 浏览器的渲染优化 为什么要学习浏览器的渲染原理 知识深度挖掘 帮助更好地理解前端性能优化 从而对实现效果进行针对性优化 如 回流和重绘 渲染机制 帮助更好地理解浏览

  • Hibernate 标准：使用 group by 子句投影计数

    我想执行以下SQL select count as myCount from user group by name 我提出了以下相同的标准 DetachedCriteria ForClass typeof UserDTO setProjec

  • 无法在棒棒糖之前的设备上获取提供程序 com.google.firebase.perf.provider.FirebasePerfProvider

    在 v21 之前的所有版本 即 16 19 上 我的应用程序在启动时崩溃 因为出现以下错误 E AndroidRuntime FATAL EXCEPTION main java lang RuntimeException Unable to

  • webpackJsonp 未使用 karma-webpack 定义？

    我正在使用 webpack 构建一个样板 并使用 mocha 构建 karma 这是我用于 karma webpack 的配置 我是 webpack 的新手 var path require path var webpack require

  • 在Mongo中有什么方法可以像原子操作一样进行检查和设置？

    Mongo中有什么方法可以像原子操作一样进行检查和设置吗 我正在预订酒店 如果有空闲房间 您可以预订 但如果两个或更多人想同时预订怎么办 Mongo中有没有类似事务的东西或者有什么方法可以解决这个问题 是的 这是 MongoDB 的经典用例

  • 为什么 OpenFileDialog 会更改我的工作目录？

    为什么 OpenFileDialog 会更改我的工作目录 我应该假设 System Windows Forms 中的许多函数会更改我的工作目录吗 OpenFileDialog open new OpenFileDialog open Fil

  • R for 循环 ifelse 跳到下一次迭代

    假设你有一个像这样的 for 循环 for n in 1 5 if n 3 skip 3rd iteration and go to next iteration cat n 如果满足特定条件 如何跳到下一次迭代 for n in 1 5

  • 获取 LinkedIn 个人资料图片

    有没有一种简单的方法来获取用户的 LinkedIn 个人资料照片 理想情况下类似于您使用 Facebook 的方式 http graph facebook com userid picture http graph facebook com

  • 将对象转换为 Angular 中的 json

    我正在尝试将对象转换为 json 在我的updateDetails方法但是我得到了undefined in console log转换后为json 这是怎么回事 我的鳕鱼是 HTML

  • 根据最近的先前日期匹配两个表之间的值的最有效方法是什么？

    我在 MS SQL Server 中有两个表 dailyt 其中包含每日数据 date val 2014 05 22 10 2014 05 21 9 5 2014 05 20 9 2014 05 19 8 2014 05 18 7 5 et

  • 如何从翻译的 .po 文件生成新的 .pot 模板

    从不完整的 gettext 开始 pot文件 结果 po翻译文件现在包含大量原本不在文件中的翻译字符串 pot file 我怎样才能向后生成 pot来自已翻译的其他语言的文件 带有空白翻译条目的字符串 po file 感谢您的帮助 你可以使

  • 如何最好地存储聊天机器人的数据？

    我在网上寻找chatbots 这只是有趣 但现在 我非常喜欢这个主题 所以我想开发自己的聊天机器人 但第一件事是寻找一种好方法来管理我的聊天机器人的 大脑 我认为将所有内容保存在 XML 文件中是最好的解决方案 不是吗 这样文件类型就清楚了

  • 检查 RSpec 中的 ActiveRecord 关联

    我正在学习如何使用 Rspec 编写测试用例 我有一个简单的帖子评论支架 其中帖子可以有很多评论 我正在使用 Rspec 对此进行测试 我应该如何检查Post has many comments 我应该存根吗Post comments方法

  • TFS SDK：查询昨天的构建

    我可以查询团队项目中的所有构建 如下所示 var bServer teamProjectCollection GetService

  • HTML imgalign=“middle”不对齐图像

    我想要图像居中对齐 图像大小以像素为单位固定 所以我想要的是这样的 我所做的是 img src http icons iconarchive com icons rokey popo emotions 128 big smile icon

热门标签