小编man*_*man的帖子

将可变宽度网格对齐,同时将其元素对齐到左侧

考虑以下

<div class="container">
     <div class="grid">
         <div class="unit"></div>
         <div class="unit"></div>
         <div class="unit"></div>
         <div class="unit"></div>
         <div class="unit"></div>
         <div class="unit"></div>
          ....
      </div>
</div>
Run Code Online (Sandbox Code Playgroud)

使用图像,基本上我拥有的是这样的东西

在此输入图像描述

如您所见,绿色块和容器对齐在左侧

我想要实现的是这样的.

在此输入图像描述

.unit元件具有恒定的宽度

.grid元件应具有宽度扩大(使更多的unit元件将配合到1线)同时被始终内居中.container.

任何线索如何使用CSS(如果需要可能还有一些html包装器)来实现它?

html css alignment

5
推荐指数
1
解决办法
136
查看次数

标签 统计

alignment ×1

css ×1

html ×1