无论如何我都不是这方面的专家。我尝试在这方面关注一些 youtube,并且能够让列与段落标签一起正常工作。虽然当我使用 ul > 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>
最佳答案
li 是 block 级元素,它们应该占据整个正确的空间,除非你将它内联 显示:内联; 在 css 属性中。 那么如果你想让 li 向右或向左浮动,你可以这样做 float :右/左; 全部在 li css 属性中
关于html - 960.gs li 标签不会散布在整个页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32281519/