jquery - 如何使用 css 将文本或图像居中放置在固定大小的 div 上

标签 jquery html css

我有一个具有固定高度和宽度的 div。在 div 中有高度和宽度为 unknown 的图像。如何使图像居中。

示例 http://jsfiddle.net/huhu/UyBNh/

我希望输出类似于 http://i.stack.imgur.com/8x9qH.gif

最佳答案

一种选择是使用 CSS。您可以内嵌样式(如果您从数据库输出,有时这是最好的方法)。或者将其分配给一个类(class)。无论哪种方式:

background:url(http://i.stack.imgur.com/TW66h.png) 50% 50% no-repeat;

http://jsfiddle.net/VTgWg/1/

这是一个显示不同尺寸图像的演示:http://jsfiddle.net/r2wm2/1/

我见过这样的情况,您需要链接图片。这是将 div 替换为 <a> 的示例标签:http://jsfiddle.net/zSuzm/1/

关于jquery - 如何使用 css 将文本或图像居中放置在固定大小的 div 上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4464608/

相关文章:

css - 如何仅在手机或平板电脑 View 上显示菜单?

javascript - 检测浏览器是否可以显示 pdf 内联

css - Flexbox 水平/垂直居中在 <img> 之外

javascript - HTML JavaScript - div 元素在 Chrome 和 Safari/Firefox 之间的工作方式不同

javascript - Chartjs 扩展 donut 与文本工具提示问题

JQuery DataTables - AJAX 重新加载如何在没有返回任何内容时捕获

jquery - 使用 jquery animate 更改背景颜色

c# - 使用 jquery ajax 将文件上传到跨域 WCF 服务

javascript - 节目结束后将焦点设置为锚定在 div 内?

html - 固定定位的 div 跟随滚动