gpt4 book ai didi

html - css - 对齐图像在一条直线上

转载 作者:行者123 更新时间:2023-11-28 15:44:33 24 4
gpt4 key购买 nike

我的网页上有 5 张图片和一个 div。当我加载我的页面时,图像会一个接一个地出现,但我想要做的是图像应该排成一条直线,并且 div 应该一次只显示一个。

HTML 代码:

<html>

<head>
<title>My City Karachi</title>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<link rel="stylesheet" href="css/slider.css" type="text/css" />
</head>

<body style="margin: 0; padding: 0;">

<div class="slider">
<img src="asd.jpg"/>
<img src="baba dedo.jpg"/>
<img src="picccccture 3.jpg"/>
<img src="Page-3.jpg"/>
<img src="Page 4 copy.jpg" />
</div>
</body>

</html>

CSS 代码:

@charset "utf-8";

html, body {
margin: 0;
padding: 0;

}

.slider {
margin: 0 auto;
overflow: hidden;
}

.slider img {
width: 900px;
height: 650px;
float:left;
}

我希望我说得够清楚了!

如有任何帮助,我们将不胜感激! :)

最佳答案

添加

.slider {
display: block;
}

然后添加显示:内联 block ; .slider img

移除 float :左;

试试吧。它对我有用。

关于html - css - 对齐图像在一条直线上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15597008/

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