登录  /  注册
首页 > web前端 > html教程 > 正文

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

php中文网
发布： 2016-06-24 12:18:20
原创
1541人浏览过


  
     
       
       
       
     
   
  求救 图片居中 图片拉伸问题？_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

  • 精品班

  • 技术支持

  • 技术咨询

  • 学习群

  • 会员优惠

  • 返回顶部