首頁 > web前端 > html教學 > 求救 图片居中 图片拉伸问题?_html/css_WEB-ITnose

求救 图片居中 图片拉伸问题?_html/css_WEB-ITnose

WBOY
發布: 2016-06-24 12:18:20
原創
1701 人瀏覽過


  
     
       
       
       
     
   
  求救 图片居中 图片拉伸问题?_html/css_WEB-ITnose   求救 图片居中 图片拉伸问题?_html/css_WEB-ITnose   求救 图片居中 图片拉伸问题?_html/css_WEB-ITnose




1、怎么设置能把table中的图片放到div居中的位置;
2、div的背景图片怎么能够设置到横向拉伸,而不是平铺效果。

回复讨论(解决方案)

2。不能
1.不是三列么 ,怎么还居中?

2。不能
1.不是三列么 ,怎么还居中?


现在效果是这样的 我想把图片放到黑色框中

ie几 啊  我的怎么没这个问题呢  猜测一下:

table{ border-collapse:collapse;border-spacing:0}tr,td{margin:0;padding:0}
登入後複製

另外 ,格式调整的时候 ,如果有问题 ,最好给 她们都加上 边框( border:1px solid #ddd);

ie几 啊 我的怎么没这个问题呢 猜测一下:
XML/HTML code?12345678table{ border-collapse:collapse;border-spacing:0}tr,td{margin:0;padding:0}
另外 ,格式调整的时候 ,如果有问题 ,最好给 她们都加上 边框( border:1px solid #ddd);

火狐浏览器

我的firefox是这样的 没有出现你的情况

我的firefox是这样的 没有出现你的情况

估计是这个

我的firefox是这样的 没有出现你的情况


估计是这个引起的?
a
{
display:block;
}
a#setpage:link,a#setpage:visited
{
background:url(image/designerimg/setpage-link.png);
}
a#setpage:hover{
background:url(image/designerimg/setpage-mouseover.png);
}
a#setpage:active{
background:url(image/designerimg/setpage-click.png);
}

a{   display:block;}
登入後複製

他的问题

CSS code?1234a{ display:block;}
他的问题

把这个去掉 链接过程更换图片的的效果就不行了,大侠 有没有高招?我是css菜鸟,边学边做,请多指点

<html xmlns="http://www.w3.org/1999/xhtml" ><head runat="server">    <title></title>    <style type="text/css">        ul        {            margin:0;            padding:0;            list-style:none;        }                li        {            float:left;            margin-right:10px;            margin-top:5px;            }         li a         {             display:block;             }    a#setpage:link,a#setpage:visited{    background:url(image/designerimg/setpage-link.png);}a#setpage:hover{  	background:url(image/designerimg/setpage-mouseover.png);}a#setpage:active{    background:url(image/designerimg/setpage-click.png);}    </style></head><body>  <div style="background:url(image/designerimg/design-head.png);background:#fcc; width:100%;height:36px;padding-top:0;">   <ul>    <li><a id="A1" href="javascript:;" style="text-decoration:none;" onclick="createPage()"><img src="image/designerimg/setpage-link.png" alt="页面设置"/></a></li>    <li><a id="A2" href="javascript:;"   style="max-width:90%" onclick="openPage()"><img src="image/designerimg/prepage-link.png" alt="预览页面"/></a></li>    <li><a id="A3" href="javascript:;"   style="max-width:90%" onclick="savePage()"><img src="image/designerimg/savepage-link.png" alt="保存页面"/></a></li>   </ul></div></body></html>
登入後複製
换种 布局吧 别用表格了 看着都麻烦

CSS code?123456789101112131415161718192021222324252627282930313233343536373839404142434445