`
llyzq
  • 浏览: 585434 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

DIV图片居中

 
阅读更多

转自：http://bbs.blueidea.com/thread-2817784-1-1.html

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>div</title>

<style type="text/css">

<!-- 

.tb-p-c{

  display: table-cell;

  vertical-align:middle;

  width:140px;

  height:140px;

  text-align:center;

  *display: block;

  *font-size: 122px;

  background:red;

}

.tb-p-c img {

  vertical-align:middle;

}

-->

</style>

</head>

<body><a class="tb-p-c"><img src="jishi070912_2.jpg" /></a></body>

</html>

分享到：
| JAVA上传文件 DiskFileUpload组件
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Jsp中如何让图片在div中居中

    在讨论JSP页面中图片居中的问题时，首先需要掌握一些基础的CSS布局知识，包括display属性的使用、垂直居中的方法、margin属性的自动居中技巧以及W3C标准对页面渲染的影响。 当涉及到在div中居中一张图片时，CSS是...

    DIV+CSS 图片垂直居中效果

    在网页设计中，"DIV+CSS 图片垂直居中效果"是一个常见的布局需求，它涉及到CSS的盒模型、定位和Flexbox或Grid等现代布局技术。以下是对这一主题的详细阐述： 1. **基础概念** - **DIV**：HTML中的`&lt;div&gt;`元素是一...

    DIV+CSS DIV居中布局

    本篇文章将深入探讨如何利用`DIV+CSS`实现`DIV`的居中布局。 首先，我们要理解`&lt;div&gt;`元素。`&lt;div&gt;`是“division”的缩写，代表一个区域或区块，在HTML中用于组合其他元素，是构建网页布局的基础。通过设置`&lt;div&gt;`...

    在DIV中图片垂直/水平居中(最简单方法).rar

    在网页设计中，将图片在div中垂直和水平居中是一项常见的需求，这涉及到CSS布局技术的运用。本文将深入探讨如何使用最简单的方法来实现这个目标，同时也会涉及JavaScript（JS）的一些特效，尽管在描述中没有明确指出...

    div层居中代码下载

    `来确保`&lt;div&gt;`在水平方向上居中，同时通过背景图片的设置实现了更复杂的视觉效果。 #### 五、总结 通过上述介绍，我们了解到实现DIV居中的方法有很多种，包括使用`text-align: center;`、`margin-right: auto;`和`...

    div 图片上下居中，左右居中

    div 图片上下居中，左右居中 ，兼容多版本浏览器

    DIV+CSS 图片居中效果 兼容 IE FF。。等浏览器

    DIV+CSS 图片居中效果 兼容 IE FF。。等浏览器

    未知图片大小在div里可以垂直居中显示

    任意图片在div里的垂直居中！

    图片居中到div中显示

    ### 图片居中到div中显示 在网页设计与开发过程中，经常需要将图片精确地居中显示在某个`div`容器内。这种布局需求在实际应用中非常常见，例如在设计网页横幅、广告位或者任何需要将图片美观展示的地方。本文将详细...

    div居中div居中的8种方法

    在网页设计中，让`div`元素居中是一项常见的需求，可以实现各种视觉效果和布局。...在实际项目中，结合图片资源`div居中方法（共8种）.png`和文档`资源说明.txt`，可以更直观地理解和运用这些方法。

    分别利用css和js来使div中的图片居中

    在网页设计中，让图片居中是常见的布局需求。这篇博文主要探讨了如何通过CSS（层叠样式表）和JavaScript来实现div内图片的居中显示。以下将详细讲解这两种方法。 首先，我们来了解CSS居中技术。CSS提供了多种方式使...

    图片水平垂直居中

    在网页设计中，让图片水平垂直居中是一个常见的需求，特别是在构建响应式布局或需要保持元素在不同屏幕尺寸下居中的场景。本文将详细介绍如何使用简洁的代码来实现这一目标，适用于各种现代浏览器。 首先，我们可以...

    富文本summernote.js 图片居中

    总的来说，要让Summernote的图片居中显示，可以通过CSS、修改JS源码、自定义按钮或使用扩展插件等方式实现。根据项目需求和你的技术水平，可以选择最适合的方法。请务必注意在修改源码时备份原有文件，以便于后续...

    div图片垂直居中 如何使div中图片垂直居中

    在网页设计中，让图片或其他内容在`div`容器中垂直居中是一项常见的需求，尤其在跨浏览器兼容性方面，需要找到优雅且高效的方法。淘宝UED招聘中的一道题目提出了一个挑战：用纯CSS实现未知尺寸（但小于200px）的图片...

    DIV+CSS上下左右绝对居中

    在网页设计中，"DIV+CSS上下左右绝对居中"是一个常见的布局需求，尤其是在构建响应式网站时。这个主题涉及到CSS（层叠样式表）的布局技巧，它可以帮助元素在不同屏幕尺寸下都能保持在容器的中心位置。下面将详细探讨...

    html图片居中图片列表左右切换可放大展示特效

    在网页设计中，实现"html图片居中图片列表左右切换可放大展示特效"是一种常见的功能需求，主要用于增强用户体验，使用户能更直观地查看和交互图片。以下将详细讲解这个功能涉及的关键知识点。 1. HTML 结构：首先，...

    解决img在div中居中的问题

    （有的设计师为图片再加个div标签，然后通过div标签的margin实现居中）。 如果图片在div中下的span属性中，必须转换成display：block；然后padding-top:10px。 以上就是小编为大家带来的解决img在div中居中的问题的...

    CSS 图片水平垂直居中于DIV

    在处理图片居中问题时，通常会用到相对定位和绝对定位的组合。相对定位让元素相对于其正常位置进行偏移，而绝对定位则让元素相对于最近的非 static 定位祖先元素定位。 实现图片水平垂直居中的方法有多种，以下是几...

Magicbox
Global site tag (gtag.js) - Google Analytics