网站建设技巧

网站建设技巧

2006年起一直从事互联网行业,竭尽所能、尽心尽力为各行各业的客户提供服务

网站建设技巧 663次

图片水平垂直居中方案

网站建设中经常有的时候会遇到客户给的图片大小尺寸不统一,造成了在后台上传了之后,前台显示错位的现象。


1.jpg

不同尺寸的图片水平垂直居中


解决的方案如下:


<!doctype html>

<html>

<head>

<meta charset="UTF-8">

<meta name="Generator" content="EditPlus®">

<meta name="Author" content="">

<meta name="Keywords" content="">

<meta name="Description" content="">

<title>Document</title>

<style type="text/css">

<!--

*{margin:0;padding:0;}

.text{ width:200px; height:200px; border:1px solid #eee;display:table-cell;text-align:center;vertical-align:middle;}

.text img{ max-width:200px; max-height:200px;}

-->

</style>

</head>

<body>

<div><img src="58be4e56188e9.jpg" alt="" /></div>

<div><img src="top2.jpg" alt="" /></div>

</body>

</html>

纯JS全屏漂浮

相关文章

联系我们

24小时服务热线

150 0622 7297

  • 微信二维码
    昆山网站建设
  • 微信二维码
    昆山网站建设

江苏苏州昆山市周市镇翠微西路

免费获取您的互联网建设与营销方案

欢迎访问WCDSTUDIO 24小时咨询电话15306227297