中心我UL李格内图像

我挂了一个形象在我的页脚，我想它中心，但我不会工作我想我的形象为中心的，所以我希望有人可以帮我看看我的代码中心我UL李格内图像

HTML

<div class="center"> 
       <ul> 
        <li><a href="#" target="_blank" class="centering_"></a></li> 

       </ul> 
      </div>

CSS：

.center 
{ 
    width: 84px;  
    margin: 0 auto; 
} 
.center ul 
{ 
    width: 209px; 
    line-height: normal; 

} 
.center ul li 
{ 
    float: left; 
    margin-right: 11px; 

} 
.center ul li.last 
{ 
    margin-right: 0px; 
} 
.center ul li a 
{ 
    display: block; 
    height: 33px; 
    width: 33px; 
} 

.centering_ {background: transparent url('../images/hello.png') no-repeat;}

编辑：这里是一个的jsfiddle例如：http://jsfiddle.net/XJbaM/

在我的代码，我在我的页脚两个图标，我想是删除右边的图标连接中心德在我的页脚左边的图标，该图标上方的文本已居中

解决

来源

2013-02-08 Maarten Verstraten

这是你的文章中的一个错字吗？还是你在'.centering_'之前忘了'.'？ – 2013-02-08 13:54:32

你可以请张贴在jsfiddle或jsbin上，这样我们可以看到一个有效的例子吗？很难说出什么是错字，什么不是。 – 2013-02-08 13:55:16

您想要居中放置锚点，而不是图像。 – 2013-02-08 13:56:38

添加一个这样的包装div。

<div> 
    <ul> 
     <li> 
      <div class="wrapper"> 
       <a href="img"></a> 
      </div> 
     </li> 
    </ul>

和包装的CSS：

.wrapper { 
     margin:0 auto; 
     width: /* how big your img is PX EM % etc */; 
     text-align:center; 
}

我测试了在浏览器和它的作品。这里是确切的代码我使用：你的一个MIX与矿区

<!doctype html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>Untitled Document</title> 
<style> 
.center 
{ 
    width: 784px;  
    margin: 0 auto; 
    border: 1px solid #000; 
} 
.center ul 
{ 
    width: 709px; 
    line-height: normal; 

} 
.center ul li 
{ 
    float: left; 
    margin-right: 11px; 
    border: 1px solid #000; 
    width:500px; 

} 
.wrapper { 
    margin:0 auto; 
    width:500px; 
    text-align:center; 
} 
.center ul li.last 
{ 
    margin-right: 0px; 
} 
.center ul li a 
{ 
    display:inline-block; 
    height: 33px; 
    width:100px; 
} 
.clear { 
    clear:left; 
} 

.centering_ {background-image:url(img/activenav.png); 
background-repeat:no-repeat;} 
</style> 
</head> 

<body> 
<div class="center"> 
       <ul> 
        <li><div class="wrapper"><a href="#" target="_blank" class="centering_"></a></div></li> 

       </ul> 
      <div class="clear">ss</div> 
      </div> 
</body> 
</html>

NOW何在MY海盗BOOTY？

来源

2013-02-08 14:03:06

它不会工作，因为他的'li'浮动 – kidwon 2013-02-08 14:03:51

我忘了将“text-align：center”添加到包装div中。 – 2013-02-08 14:13:19

只需使用你的包装代码在我自己的班级为我工作 – 2013-02-08 14:27:10

-5

放置标签< CENTER>和</CENTER>围绕整个div。它将中心分区。

<CENTER> 
<div class="center"> 
       <ul> 
        <li><a href="#" target="_blank" class="centering_"></a></li> 

       </ul> 
      </div> 
</CENTER>

来源

2013-02-08 13:54:23

让我们鼓励非弃用的HTML我们会吗？ – Flauwekeul 2013-02-08 13:55:58

现在被解除 – DavidB 2013-02-08 13:56:08

中心我UL李格内图像

回答

相关问题