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

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

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

以下为详细代码

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

以下为详细代码

<!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改变页面中的文字颜色与字体粗体

相关阅读: QQ邮箱文件中转站点击下载效果; DIV+CSS做的透明菜单兼容IE、FF等; uni-app浏览历史记录功能实现; 比较实用的利用javascript按比例相应缩放图片大小; 深山行者留言系统V3.3发布; 网站站长：提高页面浏览速度的办法; asp获取汉字拼音的第一个字母; 利用ASP正则查找文章里面的图片，然后在新窗口打开

更多信息>>栏目类别选择: 百度小程序开发; 微信小程序开发; 微信公众号开发; 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把网页文字的毛边去掉

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

更多>>随机抽取信息: JS代码判断集锦（之二）; 旅行社网站管理系统商业版4.0发布; 微信公众号生成带参数的二维码asp源码下载; 汽液两相流; asp通过多次获得来取得用户的真实IP; 360500整站页面设计

更多标签热门标签

onblur 列定制常用评论 RegExp ie6 成功 FTP 图片上传 dt 文章柱状网页制作宽滚动条蓝色理想繁体 dw 访问量 JS效果特效 div 快捷游戏详解 ResponseXML 文件 relative 优化尺寸统计兼容服务器 iis 安装广告背景顶部右击想省略链接定律 DIV CSS做的透明菜单兼容IE、FF等 CSS规范 box Request 告换行 pt 加长