gpt4 book ai didi

html - 向左浮动一个div

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

只是想让我所有的列表 div 像这样向左浮动

enter image description here

只是遇到了困难,想知道我哪里错了,我是不是放错了部门或其他东西

我的CSS

.list_wrapper{
width:200px;
background-color:red;
display:block;}



.list_wrapper2{
width:900px;
background-color:blue;
float:left;
}

我的html

    <div class = "list_wrapper2" >
<h3><?php echo $letter?></h3>

<?php foreach($pages as $page): ?>
<div class = "list_wrapper" >
<ul>
<li class="listcss">
<a href="<?php echo BASE_URL;?>/page.php?page=<?php echo e($page['slug']);?>"><?php echo e($page['label']);?></a>
</li>
</ul>
</div>
<?php endforeach; ?>
<?php endfor; ?>
</div>

最佳答案

尝试使用 display: inline-block 而不是 float: left。这是一个入门示例。

注意: float 将在溢出时将 div 换行到下一行!

.wrapper {
overflow: scroll;
white-space: nowrap;
}
.wrapper > div {
display: inline-block;
min-width: 50px;
min-height: 50px;
background-color: cornflowerblue;
}
<div class="wrapper">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
<div>7</div>
<div>8</div>
<div>9</div>
<div>10</div>
</div>

关于html - 向左浮动一个div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38632599/

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