gpt4 book ai didi

html - 960.gs li 标签不会散布在整个页面

转载 作者:太空宇宙 更新时间:2023-11-04 11:27:23 24 4
gpt4 key购买 nike

无论如何我都不是这方面的专家。我尝试在这方面关注一些 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/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com