Question

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

所有其他页面之间都有一些空格。示例：http://prntscr.com/tucui HTML的一部分：

<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>

我的部分Css：

.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;
}

昨天我发现我没有漂浮在李身上。我在内页测试，所以我发现问题...有谁知道怎么只能正常渲染，一些解释？

Answer 1

内联列表项依赖于空白区域（就像内联块元素一样） - 意味着您的标记需要像这样：

<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

只有hompepage正确呈现？

1 个答案: