您现在的位置是:首页 > 正文

html一张图片水平居中,CSS 图片水平居中

2024-01-30 20:22:58阅读 2

使用CSS让图片中网页中水平居中代码:

text-align:center

内容居中text-align:center介绍:

text-align:center为水平内容居中功能,图片放入网页中是使用img标签引入,所以要让图片水平居中,只需要对图片父级(上一级)设置此水平居中CSS即可。

一、对div内图片设置水平居中实例

1、CSS代码

div{ width:400px; height:110px;text-align:center}

这样即可设置div内图片居中。

2、html代码

logo.gif

3、图片水平居中实例截图

da6f964d2ca40384d95a3b1f321d6b1e.png

img图片在div内水平居中实例截图

二、对指定class对象内图片设置居中

1、CSS代码

.exp{ width:300px; height:80px;text-align:center}

为了看到图片居中效果,设置对象宽度和高度

2、HTML内容代码

logo.gif

3、效果截图

c0c16c8d4c565e665f33b88e1c889a13.png

图片作为内容被水平居中

作者:div css

网站文章

  • 通过AWS云平台 构建云上勒索病毒防护体系,轻松保护数据完整性

    通过AWS云平台 构建云上勒索病毒防护体系,轻松保护数据完整性

    因为AWS采用责任分担模型来明确用户和AWS之间的安全责任,当您选择使用这些服务时,您将不再需要将精力放在如何给操作系统安装补丁,如何保护操作系统的密钥,是否有防病毒措施等安全问题上,这些工作将由AW...

    2024-01-30 20:22:52
  • 深入理解JVM 一GC(下) G1 Garbage Collector

    深入理解JVM 一GC(下) G1 Garbage Collector

    关于java程序性能当我们调优java程序时,通常的目标有两个: 响应能力 或者 吞吐量响应能力响应能力指一个程序或者系统对请求的是否能够及时响应。 比如: 一个桌面UI能多快的响应一个事件; 一个网站能够多快返回一个页面请求; 数据库能够多快返回查询的数据;对于这类对响应能力敏感的场景,长时间的停顿是无法接受的。吞吐量吞吐量关注的是,在一个指定的时间内,最大化一个应用的工作量。 如下方

    2024-01-30 20:22:46
  • 【Linux】系统调用文件操作

    【Linux】系统调用文件操作

    Linux系统没有文本和二进制之分,所有的东西都是文件,文件描述符是一个整形数字,储存在PCB的文件描述符表中(一个数组)

    2024-01-30 20:22:19
  • linux用户管理常用命令

    主题:linux用户管理常用命令 1)管理用户(user)的工具或命令; useradd 注:添加用户 adduser 注:添加用户 passwd 注:为用户设置密码 usermod 注:修改用户命令,可以通过usermod 来修改登录名、用户的家目录等等; pwcov 注:同步用户从/etc/passwd 到/etc/shadow pwck 注:pwck是校验用户配置文件/etc/passwd

    2024-01-30 20:22:12
  • npm 下载包失败解决方案

    npm 下载包失败解决方案

    npm下载依赖包失败解决方案

    2024-01-30 20:22:04
  • flink归纳总结

    1.14 Flink1 简单介绍一下 FlinkFlink 是一个框架和分布式处理引擎,用于对无界和有界数据流进行有状态计算。并且 Flink 提供了数据分布、容错机制以及资源管理等核心功能。Flin...

    2024-01-30 20:21:58
  • Spring Cache详解

    从3.1开始,Spring引入了对Cache的支持。其使用方法和原理都类似于Spring对事务管理的支持。Spring Cache是作用在方法上的,其核心思想是这样的:当调用一个缓存方法时会把该方法参...

    2024-01-30 20:21:28
  • SparkStreaming 介绍及 wordcount 案例

    SparkStreaming 介绍及 wordcount 案例

    一、介绍1、Spark Streaming 是什么?Spark Streaming 用于流式数据的处理。Spark Streaming 支持的数据输入源很多,例如:Kafka、Flume、Twitte...

    2024-01-30 20:21:21
  • 抽象工厂模式--实例分析

    应用场景 某手机操作系统可以根据用户不同的喜好在多种主题之间进行切换,随着主题的变化,系统中的字体、app图标、壁纸、锁屏壁纸等元素会随之发生变化。 使用抽象工厂模式设计手机主题库 创建元素接口 //...

    2024-01-30 20:21:14
  • “原来我的专业考不了公务员!” 要考公,你的专业能报什么?

    “原来我的专业考不了公务员!” 要考公,你的专业能报什么?

    #原来我的专业考不了公务员#也登上热搜,引发网友热议这里说的“考不了”并非不能考,而是专业能够选择的岗位很少。每到公务员考试报名选岗阶段,很多”公考冷门专业“的同学都非常抓狂,筛了半天愣是一个匹配专业...

    2024-01-30 20:20:44