div中的图片链接居中的问题 -- [DIV+CSS]─ 深山工作室提供网络投票系统|微信公众号投票|微信公众号小程序|抖音小程序|百度小程序|微信公众号开发|企业网站建设

div中的图片链接居中的问题

深山行者个人网站 2009/3/8 9:20:48 深山行者字体:大中小浏览 13705

以下为详细代码

另外一个不设定图片大小的居中样式

以下为详细代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312" />
<title>无标题文档</title>
<style type="text/css">
.pp-list {
height: 1%;
overflow: hidden;
display:table;
border-spacing:10px;
}
.pp-list li {
border:1px solid #aaa;
width:150px;
height:150px;
text-align:center;
vertical-align:middle;
position:relative;
margin: 10px;
*float:left;
display: table-cell;
}
.pp {
*position:absolute;
top:50%;
}
.pp img {
*position:relative;
top:-50%;
left:-50%;
}
</style>
</head>
<body>
<ul class="pp-list">
<li><div class="pp"><img src="http://i0.sinaimg.cn/blog/08index/blog_mj_005_2.gif" _ewebeditor_ta_src="http%3A%2F%2Fi0.sinaimg.cn%2Fblog%2F08index%2Fblog_mj_005_2.gif" ></div></li>
<li><div class="pp"><img src="http://mat1.qq.com/www/images/allskin/wmlogo.gif" _ewebeditor_ta_src="http%3A%2F%2Fmat1.qq.com%2Fwww%2Fimages%2Fallskin%2Fwmlogo.gif" ></div></li>
<li><div class="pp"><img src="http://img1.cache.netease.com/cnews/netease/logo_w.gif" _ewebeditor_ta_src="http%3A%2F%2Fimg1.cache.netease.com%2Fcnews%2Fnetease%2Flogo_w.gif" ></div></li>
</ul>
</body>
</html>

前一页:相册列表显示模式

后一页:css改变页面中的文字颜色与字体粗体

相关阅读: CSS语法在DW中无效的解决方法; asp获取汉字拼音的第一个字母; FlashFxp修改FTP密码; 深山旅行社网站管理系统 v1.8; 用ASP对网页进行限制性的访问; 经常使用到有关数据库的操作sql; 手动调节背景色：背景色能用按钮进行手动调节; 中南国际旅游公司

更多信息>>栏目类别选择: 百度小程序开发; 微信小程序开发; 微信公众号开发; uni-app; asp函数库; ASP; DIV+CSS; HTML; python

更多>>同类信息: jquery设置或获取修改classname; 利用css3.0写出一个音乐播放的唱片碟盘的效果; 利用css中的scale()实现放大缩小效果; 利用background-color:#000000a8在背景颜色16进制代码之后加字母加上数字让背景色透明; css背景使用base64编码或者将base64编码放在img图片标签中; 利用css3中的-webkit-font-smoothing把网页文字的毛边去掉

更多>>最新添加文章: 2026 aliyun阿里域名云注册续费优惠口令; dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT; Android移动端自动化测试：使用UIAutomatorViewer与Selenium定位元素; 抖音直播音挂载小雪花懂车帝小程序; javascript获取浏览器指纹可以用来做投票; 火狐Mozilla Firefox出现：无法载入您的Firefox配置文件它可能已经丢失或是无法访问问题解决集合处理办法; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路径; python通过代码修改pip下载源让下载库飞起

更多>>随机抽取信息: 纯div+css制作的弹出菜单-02; asp导出内容到excel表并自定义命名后下载（非打开）; 旅行社网站模板默认风格1; CSS的常用的一些技巧; 利用css实现图片选中后显示文字与图片效果; asp将中文汉字字符转为unicode编码(\u编码)与把unicode编码转为汉字

更多标签热门标签

淘宝 2003 游览器 optgroup 增高多选 265 等待 DW 左右模仿鼠标教程 tags 留言板模版 slectindext CSS滤镜例子变大想深山旅游网站管理系统V1.0 变色复选框服务器缓冲 title 打字样式事务 xml 分辨率搜索 word-break loading 收缩凹陷窗口小旋风 FSO txt vb 记录 access 下拉 document 选项简易高度边框 iis