css 一个大div中的小div单独占一排

可以使用 CSS 的 float 或者 display 属性来实现小 div 单独占一排。例如，可以给小 div 设置 float: left 或者 display: inline-block。同时，需要注意设置好宽度和高度，以及 margin 和 padding 等属性，以达到想要的效果。

相关问题

css设置一个div恰好当前屏幕大小

要将一个div元素设置为恰好等于当前屏幕的大小，可以使用CSS中的绝对定位（absolute positioning）和视口单位（viewport units）结合起来。

首先，将该div元素的`position`属性设置为`absolute`，将其从文档流中移除，并将其位置相对于其最近的非`static`定位的祖先元素（如果没有，则相对于body元素）进行定位。

接下来，使用视口单位`vw`和`vh`将该div元素的宽度和高度设置为100，这样它就会填充整个屏幕。

最后，将该div元素的顶部(`top`)和左侧(`left`)位置设置为0，使其与屏幕顶部和左侧对齐。

以下是实现这个效果的CSS代码：

div {
  position: absolute;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
}

这样，该div元素就会恰好等于当前屏幕的大小。

css div 在另一个ＤＩＶ中居中

要将一个`<div>`元素在另一个`<div>`中居中，可以使用CSS的Flexbox布局或者CSS的Grid布局。

使用Flexbox布局的方法如下：

<div class="outer-container">
  <div class="inner-container">
    <div class="centered-div">
      <!-- 内容 -->
    </div>
  </div>
</div>

.outer-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.inner-container {
  /* 可选：设置内边距或其他样式 */
}

.centered-div {
  /* 可选：设置内边距或其他样式 */
}

在这个例子中，外部容器（`outer-container`）使用Flexbox布局，并使用`justify-content: center;`和`align-items: center;`将其内部内容水平和垂直居中。

另一种方法是使用CSS Grid布局，代码如下：

<div class="outer-container">
  <div class="centered-div">
    <!-- 内容 -->
  </div>
</div>

.outer-container {
  display: grid;
  place-items: center;
}

.centered-div {
  /* 可选：设置内边距或其他样式 */
}

在这个例子中，外部容器（`outer-container`）使用CSS Grid布局，并使用`place-items: center;`将内部内容居中。

无论你选择使用Flexbox还是CSS Grid，都可以根据需要调整内部容器（`inner-container`或`centered-div`）的样式，如设置内边距、边框等。