css块状元素左对齐

要让CSS块状元素左对齐，可以使用以下两种方法：

1. 使用float属性将块状元素浮动到左侧，然后使用clear属性清除浮动，使得后续元素不会跟随浮动元素。示例代码如下：

.box {
  width: 100%;
  overflow: hidden; /* 清除浮动 */
}
.box > div {
  float: left; /* 左浮动 */
  width: 25%; /* 四个元素平分 */
  height: 100px;
  background: #ddd;
  text-align: center;
}

2. 使用display属性将块状元素设置为inline-block，然后使用text-align属性将其左对齐。示例代码如下：

.box {
  width: 100%;
  text-align: left; /* 左对齐 */
}
.box > div {
  display: inline-block; /* 行内块状元素 */
  width: 25%; /* 四个元素平分 */
  height: 100px;
  background: #ddd;
  text-align: center;
}