.phrases_cat{line-height:1.5;display:flex;flex-direction:column} .phrases_cat div span{display:block;text-align:center} .phrases_cat b{font-weight:400;text-decoration:underline} .phrases_cat div span:nth-of-type(1){color:var(--base_cat_key)} .phrases_cat div span:nth-of-type(2){color:var(--base_cat);margin-bottom:5px}怎么修改这段代码使得文字向左对齐而不是居中

要使文本向左对齐，只需将CSS样式中的`text-align: center`改为`text-align: left`即可，修改后的代码如下：

.phrases_cat {
  line-height: 1.5;
  display: flex;
  flex-direction: column;
}

.phrases_cat div span {
  display: block;
  text-align: left;
}

.phrases_cat b {
  font-weight: 400;
  text-decoration: underline;
}

.phrases_cat div span:nth-of-type(1) {
  color: var(--base_cat_key);
}

.phrases_cat div span:nth-of-type(2) {
  color: var(--base_cat);
  margin-bottom: 5px;
}

这样修改之后，文本就会向左对齐了。