div中图片居中

最新推荐文章于 2024-04-18 16:19:35 发布

hyt48079287

最新推荐文章于 2024-04-18 16:19:35 发布

阅读量407

点赞数

CC 4.0 BY-SA版权

分类专栏： HTML

本文链接：https://blog.youkuaiyun.com/hyt48079287/article/details/12880115

HTML 专栏收录该内容

59 篇文章

订阅专栏

本文介绍了一种使用HTML和CSS实现图片居中的方法，通过定义特定的样式类来确保图片能够在网页中水平垂直居中显示。

一般都是有<a>的，或者不是，也不管了，总之用下面的样式吧，

<!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>