欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

各位大侠,这个td上面的image白边怎么也去不掉,能帮忙不?_html/css_WEB-ITnose

程序员文章站 2024-01-21 11:24:58
...
我把图片放在td里,想随着浏览器宽度自动变,最大是图片宽度,高度也自动。但是td下总是有个空隙。。。

html:

	FD100
各位大侠,这个td上面的image白边怎么也去不掉,能帮忙不?_html/css_WEB-ITnose
各位大侠,这个td上面的image白边怎么也去不掉,能帮忙不?_html/css_WEB-ITnose


CSS:
body {    background: #ffffff;/*#f8f8f8;*/    font-family: 'PT Sans', Helvetica, Arial, sans-serif;    text-align: center;    color: #fff;}.page-container {    margin: 0px auto 0 auto;}table {	width: 100%;	margin:0 auto;	background: #2d2d2d; /* browsers that don't support rgba  */	background: rgba(45,45,45,.15);	font-family: 'PT Sans', Helvetica, Arial, sans-serif;	font-size: 20px;	border: none;		border-collapse: collapse;	position:absolute;	/*border-spacing:0;*/	text-shadow: 0 1px 2px rgba(0,0,0,.3);}td{	/* max-width:100%; Mozilla才支持一个max-width 的CSS语法 */	background: #ffffff;	/*border: none; solid #000 1px;*/	vertical-align:center;	text-align:center;	color: #000;		padding:0;	margin-bottom:0;		/* 加边框看效果 */	border-width: 1px;	border-style: solid;	border-color: #666666;}/* 图片自动缩放设备屏幕宽度 */img{	max-width:100%;}


效果:


回复讨论(解决方案)

删除tr td table里面多余的空格

为啥你不把一张图片放在一行内

tr td{margin:0;padding:0;border:0;}