Question

我无论如何都不是专业人士。我尝试了几个youtubes，并能够使用段落标记使列正常工作。虽然当我带着ul＆gt; li标签。图像想要占据整个空间。

我不确定这里的原因是什么。最令人困惑的是，它看起来像li / image具有整个空间的右边距。即使我把它设置为零。

当我检查元素时 - 该边距表示0 0 0 0但是鼠标移动我看到它需要整个页面...

以下代码......

<html>
<head>
    <meta charset="utf-8">
    <title>Layout Test</title>
    <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" type="text/css" href="css/960.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/style.css">

<body>
    <div class="header">
        <h1>This is a test</h1>
    </div>
        <div class="container_12">

            <div class="grid_4">

                    <ul>
                        <li><a href="#"><img src="img/1.jpg"></a></li>
                        <li><a href="#"><img src="img/2.jpg"></a></li>
                        <li><a href="#"><img src="img/3.jpg"></a></li>
                        <li><a href="#"><img src="img/4.jpg"></a></li>
                        <li><a href="#"><img src="img/5.jpg"></a></li>
                        <li><a href="#"><img src="img/6.jpg"></a></li>
                    </ul>   

            </div>




</div>
</body>
</head>
</html>

Answer 1

li是块级元素，它们应该占据整个正确的空间，除非你将其内联显示：内联; 在css属性中。然后，如果你想让李向右或向左漂浮你可以做到浮动：右/左; 所有在li css属性

960.gs li标签不会在整个页面上展开

1 个答案: