2013-02-23 54 views
2

我在一个MVC项目上工作了6个多月,所有这些时间我都遇到了与html css相同的问题: 主页正确呈现。例如:http://prntscr.com/tucp1只有hompepage呈现正确吗?

所有其他页面在单词之间有一些空格。例如:HTML的http://prntscr.com/tucui 部分:我的CSS的

<div class="search right"> 
    <div class="nav"> 
     <ul> 
      <li><a>Nav1</a></li> 
      <li><a>Nav2</a></li> 
      <li><a>Nav3</a></li> 
     </ul> 
    </div> 

部分:

.nav ul li { 
line-height: 27px; 
display: inline; 
float: left; 
list-style-type: none; 

.nav ul li a { 
color: #424242; 
padding: 0 10px; 
font-weight: bold; 
} 

昨天我想通了,我没有留在里浮动。我正在测试内页,所以我eazy发现问题......有谁知道如何只能hompepage呈现正确,一些解释?

+0

这是我们不可能说什么没有看到HTML – Ragnis 2013-02-23 15:06:19

回答

1

内联列表项空白依赖(就像inline-block的元素) - 这意味着你的标记需求是这样的,而不是:

<div class="search right"> 
<div class="nav"> 
    <ul> 
     <li><a>Nav1</a></li><li><a>Nav2</a></li><li><a>Nav3</a></li> 
    </ul> 
</div> 

摆脱他们之间的空间。

阅读这个答案的详细信息:Best way to manage whitespace between inline list items

+0

反正最好的选择是浮动:左把空格去掉,因为我看到了什么? – 2013-02-23 15:29:12