如何使(背景)图像在 div 中居中?

2024-02-11

是否可以将背景图像放在 div 中居中?我几乎尝试了一切 - 但没有成功:

<div id="doit">
  Lorem Ipsum ...
</div>

//CSS
#doit { background-image: url(images/pic.png); background-repeat: none; text-align: center; }

这可能吗?


#doit {
    background: url(url) no-repeat center;
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何使(背景)图像在 div 中居中? 的相关文章

  • 从 HTML 字符串中解析和选择

    使用 ajax 调用 我返回了页面的partialView HTML 但在显示它之前 我希望从主 div 中提取信息 如果我创建一个浮动窗口 该数据只是大小信息 Code div class window details more data
  • 如何在 Android 上的 PhoneGap 中设置音频播放速率?

    有谁能够让音频播放速率在 Android 上工作吗 媒体播放器似乎覆盖 忽略音频标签的播放速率属性 None
  • CSS3 变换:IE 中的缩放

    我想使用CSS3属性transform scale div transform scale 0 5 0 5 有没有办法在 Internet Explorer 8 及更低版本中模仿这个 可能与filter或者 JavaScript 解决方案
  • 在 Dartlang 中下载大文件

    我需要使用 dartlang 从浏览器下载较大的文件 我一直在使用 data uri 来下载 但已经达到了该方法的大小限制 想知道最好的方法是什么 我研究了使用 HTML5 文件系统 API 但它已被弃用 显然在大多数浏览器中从未真正实现过
  • 如何在 CSS 中将 RadioButton 图标样式设置为无(在 Flex 3 中)?

    您可以通过在 CSS 中设置以下值来在 Flex 中设置 RadioButton 的外观 upSkin Embed overSkin Embed ownSkin Embed disabledSkin Embed selectedUpSkin
  • 如何让 jstree 节点显示长的、可能是多行的内容?

    当使用jsTree插件 http www jstree com 我需要有一个显示其完整内容的节点 目前 每个节点仅显示大约一行文本 如何让 jsTree 中的节点显示节点中的所有文本而不截断节点的内容 下面的 CSS 代码就可以解决这个问题
  • CSS 属性选择器类以以下开头但不等于

    我想将 css 应用于以 abcd 开头的所有类 但我不想将该 css 应用于名称为 abcd dontapply 的类 我可以这样做吗 我尝试过的 a class abcd not class abcd dontapply define
  • CSS 边框样式 INSET 或 GROOVE 看起来与 IE9 FF4 或 Safari5 或 Chrome2 非常不同

    抱歉 我是个白痴 但是当我尝试获得某种凹槽效果或插入效果作为边框样式时 我从不同的浏览器中得到了一些非常非常大的视觉结果 使用时 border 5px groove A00 or border 5px inset A00 Firefox 3
  • Bootstrap 4 Beta 0 网格系统上的 Rowspan

    您好 我正在开发一个使用 Bootstrap 4 Beta 的电子商务模板 我让它在移动设备上工作 但在桌面设备上我不知道如何让购买按钮保持在标题下 在我的方法中 它出现在 图库 部分下 Desired Desktop Desired Mo
  • 如何在 Rails 5 中设置资产管道以使用自定义字体?

    我必须使用自定义字体贾米尔 努里 纳斯塔莱克 http www urdujahan com urdu fonts Jameel 20Noori 20Nastaleeq zip在 Rails 5 应用程序中 我以前从未使用过 Rails 中的
  • 如何显示接下来的三个图像单击加载更多按钮

    我需要一个加载更多按钮来显示图像 页面加载时 我显示 3 个图像 单击 加载更多 按钮后 接下来的 3 个图像将显示在屏幕上 我尝试了下面的代码 但它不起作用 你能帮我解决这个问题吗 function item slice 0 2 show
  • 如何将设备上未保存的图片上传到dropbox帐户?(IOS)

    Dropbox RestClient 仅保存文件 所以我想先将图像保存在本地文件夹中 然后上传它 结果它保存了文件 但它已损坏 NSString localPath NSBundle mainBundle pathForResource I
  • HTML5 文件 API 和 AJAX 上传分块问题

    我编写了一个带有单独进度的拖放多个文件上传等 除了一件事之外 它工作得非常好 上传较大文件时 有时浏览器会锁定 直到上传完成 我认为这是因为该文件存储在浏览器的内存中并占用了浏览器可用的所有资源 我想知道 是否可以逐段读取文件并在读取时通过
  • Svelte 条件元素类报告为语法错误

    我正在做一个if块每if 块的精简指南 https svelte technology guide if blocks 这看起来很简单 但 Svelte 认为这是一个语法错误 svelte plugin ParseError Unexpec
  • WordPress 子主题包括包含文件

    我在一家WordPress使用 AMPPS 作为本地主机在我的本地计算机上进行设置 使用 Delta 主题 我创建了一个子主题 delta2 child 初始设置效果很好 但是 我需要更改包含文件夹中名为 home slider php 的
  • 使用flex-basis控制行上显示的项目数

    我想在使用 Flex 时将元素推出以隐藏它们 例如 如果flex basis为 50 仅显示两个项目弯曲到给定空间 而其他元素则在overflow hidden 领土 Or if flex basis为 25 则仅显示 4 个 Flex 元
  • 我自己的而不是从其他网站借用的图像的正确 img src 是什么?

    在我的计算机上 保存 css 和 html 文件的文件夹还包含一些我想要插入到 html 中的图像 如果我从其他网站借用图像 我知道如何获取图像的 URL 如何获取文件夹中但尚未出现在互联网上的图像的 URL 我是否必须将图像上传到其他网站
  • 如何使用 Keras ImageDataGenerator 预测单个图像?

    我已经训练 CNN 对图像进行 3 类分类 在训练模型时 我使用 keras 的 ImageDataGenerator 类对图像应用预处理功能并重新缩放它 现在我的网络在测试集上训练得非常准确 但我不知道如何在单图像预测上应用预处理功能 如
  • 选择子元素但不选择孙元素

    我有以下简化的代码 div p text p div div p text p div div p text p div div p text p div 每当我设置一些值时 content pCSS 文件中的元素 更改也适用于 col1
  • 将引导程序弹出框保留在视口内

    我正在尝试使用带有按钮的侧边栏创建一个菜单 每个按钮都有一个指定的包含相关数据的弹出窗口 不幸的是 其中一个弹出窗口可能包含任意数量的行 并且在某些情况下它可能部分位于视口之外 See http jsfiddle net bfd9f 1 h

随机推荐

  • 在循环中创建控件

    我有一些代码可以将新单元格添加到表格中并用文本框填充它们 到目前为止我的编码方式效果很好 TableCell tCell1 new TableCell TableCell tCell2 new TableCell TableCell tCe
  • 如何更改 WordPress 页面上的标题?

    上下文 WordPress 5 4 5 和优斯特搜索引擎优化 https en wikipedia org wiki Yoast SEO 3 7 1 我是一名插件开发人员 可以访问客户的网站 该站点安装了 Yoast 3 7 1 这很重要吗
  • 中间有 T 的日期/时间 (2008-09-18T00:00:00) 怎么称呼?

    如果您有一个像 2008 09 18T00 00 00 这样的日期 它有名称吗 世界标准时间 类似的事情 令人惊讶的是很难用谷歌搜索这个 这是一个组合的日期 时间表示形式 定义为ISO8601 http en wikipedia org w
  • 种子设置:为什么输入不变后输出不同

    设置种子可确保再现性 并且在仿真建模中非常重要 考虑一个简单的模型f 有两个变量y1 and y2出于兴趣 这些变量的输出由随机过程决定 rbinom 和参数x1 and x2 两个感兴趣变量的输出彼此独立 现在假设我们想要将相应参数发生变
  • 如何检测删除按钮UItableviewcell是否被隐藏?

    我有一个包含 UITableView 的视图 当用户滑动时 我可以在单元格上显示删除按钮 如果用户触摸删除按钮 将触发一个方法 这很好用 但是 如果用户决定不删除单元格 并且触摸视图中的任意位置以隐藏删除按钮 我怎样才能检测到这一点 当用户
  • 如何使用brew安装maven而不使用openjdk?

    我的机器上已经安装了 Java HotSpot JDK 11 我正在使用它来进行所有操作 当我打字时brew install maven它尝试安装openjdk作为依赖 我不希望这样 希望 maven 使用我的 JDK 而不是它自己的ope
  • 在 Angular Material 2 表中使用虚拟滚动和 @angular/cdk-experimental

    我有一个表显示很多行 我想优化它的性能 我通过使用虚拟滚动技术找到了解决方案 这是一个例子Angular Material CDK 虚拟滚动视口组件 https github com angular material2 tree maste
  • 使用当前日期初始化模型

    我正在尝试使用当前日期初始化我的模型 我不想使用本机模块 我正在尝试通过任务和效果来做到这一点 我被困在我的getCurrentTime方法 什么是最干净的方法 import Time exposing Time import StartA
  • 字段初始值设定项无法引用非静态字段、方法或属性

    好的 我有下面的代码 从技术上讲 它所做的就是读取db txt逐行文件 然后假设分割行0到一个名为密码的数组中 private string lines System IO File ReadAllLines U Final Project
  • NodeJS 集群不使用循环(在 Windows 上开发)

    您好 我目前正在开发一个 MEAN 堆栈项目 我发现了在部署项目之前建议使用的 Nodejs 集群模块 我已经应用了它并做了一些 ApacheBenchmark 问题是 它只响应 1 个工作人员 它不会围绕我的其他 7 个工作人员轮换 我在
  • 这是如何打印“hello world”的?

    我发现了这个奇怪的现象 for long l 4946144450195624l l gt 0 l gt gt 5 System out print char l 31 64 95 32 Output hello world 这是如何运作的
  • 在 C# 中为我的列表包装器实现集合初始值设定项[重复]

    这个问题在这里已经有答案了 我创建了一个包装列表的类 class Wrapper private List
  • 如何从核心 iOS 代码引用 WatchKit 扩展中的 Swift 类?

    我试图让我的 iOS 应用程序在每次从服务器更新数据时向 WatchKit 扩展发送一组数据 这就是我的 iOS 应用程序中的代码 名称已更改 WatchKitDataModel loadDataFromSource currentData
  • 在命令行工具中使用框架

    我使用 Cocoa 在 Xcode 中构建了一个命令行实用程序 基础工具 该工具使用第三方框架 在 Xcode 中一切正常 但是我如何部署这个程序呢 如果我从 Finder 运行该应用程序 它无法找到该库 因为它正在查找 Framework
  • 使用 Python 估计自相关

    我想对如下所示的信号执行自相关 两个连续点之间的时间为 2 5ms 或重复率为 400Hz 这是我想使用的估计自动增加的方程 取自http en wikipedia org wiki 自相关 http en wikipedia org wi
  • 以 JSON 形式获取 Twitter 公共提要

    作为我项目的一部分 我需要在 iOS 应用程序中显示推文列表 我尝试使用下面的代码 但它返回 JSON 相同的代码在版本 1 上运行良好 现在 twitter api 版本是 1 1 我收到另一个警告TWRequest is depreca
  • 签署 SOAP 消息期间的 WSS4j 元素顺序

    我正在 Java 中实现 Web 服务客户端 它使用 wss4j 1 6 8 来实现 WS Security 更准确地说 我需要签署 SOAP 消息 服务器端要求请求具有以下结构
  • 将日期时间转换为美国和欧洲日期时间

    我需要转换格式为 2012 10 15 15 00 21 970 的日期 至欧洲 15 10 2012 15 00 21 CONVERT nvarchar DateTime 103 N CONVERT nvarchar DateTime 8
  • Tkinter创建图像函数报错(pyimage1不存在)

    我是一名来自外界的学生 之前没有任何编程经验 我一直在学习 Python 作为数学课的延伸 我一直在尝试创建一个使用 Tkinter 生成分形的程序 该代码本身运行良好 但包含用户输入 GUI 会导致出现错误 Exception in Tk
  • 如何使(背景)图像在 div 中居中?

    是否可以将背景图像放在 div 中居中 我几乎尝试了一切 但没有成功 div Lorem Ipsum div CSS doit background image url images pic png background repeat no